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

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

list-style …… マーカーに関する指定をまとめて行う
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

list-styleプロパティは、リストの先頭に表示するマーカーに関する指定をまとめて行う際に使用します。 list-style-typelist-style-imagelist-style-positionのうち、 指定する値を任意の順序でスペースで区切って記述します。

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

■使用例

HTMLソース

<ul style="list-style: square url('../images/ico32.gif') inside">
<li>一本でも<br>にんじん</li>
<li>ニ足でも<br>サンダル</li>
<li>三艘でも<br>ヨット</li>
</ul>
↓↓↓

ブラウザ上の表示

  • 一本でも
    にんじん
  • ニ足でも
    サンダル
  • 三艘でも
    ヨット

■関連項目

list-style …… マーカーに関する指定をまとめて行う
list-style-image …… マーカー画像を指定する
list-style-type …… マーカー文字の種類を指定する
list-style-position …… マーカーの表示位置を指定する
marker-offset …… マーカーとの間隔を指定する
▲ページ先頭へ
トップページ > スタイルシートリファレンス > list-style
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ