この翻訳は不完全です。英語から この記事を翻訳 してください。

概要

list-style プロパティは、「list-style-type」、「list-style-image」、「list-style-position」を一括で指定するショートハンド・プロパティです。

初期値以下の各プロパティのショートハンドとして補完します:
適用対象 リスト項目
継承継承する
メディアvisual
計算値以下の各プロパティのショートハンドとして補完します:
アニメーションの可否不可
正規順序order of appearance in the formal grammar of the values

構文

<'list-style-type'> || <'list-style-position'> || <'list-style-image'>

以下の値の内、 1 つ、または 2 つ、或いは 3 つを順不同で指定可能です。

list-style-type
list-style-type を参照して下さい。
list-style-image
list-style-image を参照して下さい。
list-style-position
list-style-position を参照して下さい。

HTML

List 1
<ul class="one">
  <li>List Item1</li>
  <li>List Item2</li>
  <li>List Item3</li>
</ul>
List 2
<ul class="two">
  <li>List Item A</li>
  <li>List Item B</li>
  <li>List Item C</li>
</ul>

CSS

.one {
  list-style: circle;
}

.two {
  list-style: square inside;
}

Result

仕様

仕様書 策定状況 コメント
CSS Lists and Counters Module Level 3
The definition of 'list-style' in that specification.
草案 変更なし
CSS Level 2 (Revision 1)
The definition of 'list-style' in that specification.
勧告 初回定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 1.0 (1.7 or earlier) 4.0 7.0 1.0
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 1.0 1.0 (1) 6.0 6.0 1.0

関連情報

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: teoli, SphinxKnight, Sebastianz, ethertank, sosleepy
 最終更新者: teoli,