HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ > スタイルシートリファレンス > list-style-image

★スタイルシートリファレンス

list-style-image・・・・・マーカー画像を指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

list-style-imageプロパティは、リストの先頭に表示するマーカーに画像ファイルを指定する際に使用します。

尚、list-style-typeと、list-style-imageの値を同時に指定した場合には、 list-style-imageの値が優先されます。

■値

URI(URL)で画像ファイルを指定
URI(URL)で画像ファイルを指定します。
none
リストの先頭に表示するマーカーに画像ファイルを使用しないことを明示します。これが初期値です。

■使用例

HTMLソース

<ul style="list-style-image: url('../images/ico32.gif')">
<li>いちご</li>
<li>人参</li>
<li>サンダル</li>
</ul>
↓↓↓

ブラウザ上の表示

  • いちご
  • 人参
  • サンダル

■関連項目

list-style・・・・・・・・・・・・・・・・・マーカーに関する指定をまとめて行う
list-style-image・・・・・・・・・・マーカー画像を指定する
list-style-type・・・・・・・・・・・マーカー文字の種類を指定する
list-style-position・・・・・・・・マーカーの表示位置を指定する
marker-offset・・・・・・・・・・・・マーカーとの間隔を指定する

▲ページ先頭へ
トップページ > スタイルシートリファレンス > list-style-image

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2012 HTMQ