HTML(タグ)の基礎のブログ版です。ホームページを作成するためのタグなどについてのFAQを主に解説しています。徐々に足していきます。
主に頂いたお便りからの回答を元に作成していますが、もしかすると私が誤った回答をしているばあいもありますので、気づかれた方はお知らせいただけますと助かります。
SELECTED ENTRIES
ここから下はこのFAQブログ内ではなく、自サイトのHTMLの基礎のほうへリンクしています。FAQではなく要素などの意味や使い方を調べたい、と言う方は以下からリファレンスの方へ飛ぶ事ができます。
HTMLの基礎:目的別
HTMLの基礎:タグ別
※下記のものは主なタグだけです。他にも掲載しています。
サイト概要
<< カーソルの形状を変えたい |main | インラインレベル要素・ブロックレベル要素 >>

リストのマークに画像を使用したい

通常のリスト設定時には、使用しているブラウザのデフォルトであるマークがリストの 先頭に表示されます。

●あああ
●いいい

1.あああ
2.いいい
3.ううう

等です。この先頭部分のマークを画像に置き換えて表示するにはどうしたら良いのか、 という質問です。適用させたい範囲に対し、スタイルシートで以下のように記述します。


list-style-image:url('画像のURL')

何も表示したくない場合は「list-style-image:none」を設定します。 この画像のURLですが、スタイルシートをHTML文書内に記述する場合と スタイルシートを外部ファイルにして読み込む場合とでは記述に注意しなくてはなりません。

絶対パス(http〜から始まるアドレス)で記述する場合には問題ありませんが、 相対パス(画像などを呼び出す位置からの相対的なアドレス)で記述する場合、 HTML文書内にスタイルを記述するならその文書内からの相対的な位置を指定、 外部ファイルに記述する場合には外部ファイルからの位置を指定して下さい。

| 2006.04.16 Sunday | ykr414 | FAQ【スタイルシート関連】 | - |
url: http://ykr414.ykr.main.jp/trackback/28