この翻訳は不完全です。英語から この記事を翻訳 してください。
概要
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 |