CSS リストとカウンター
CSS リストとカウンター (CSS lists and counters) モジュールにより、リストアイテムの箇条書き記号のスタイルや位置を指定したり、文字列、カウンターなどのの組み合わせによる値を操作したりすることができます。
リストアイテムのマーカー、つまり箇条書き記号や番号付きカウンターが、定義する機能です。 リストアイテムは、 <ol>
または <ul>
要素内にある <li>
要素に制限されません。 display: list-item
を設定した要素すべてを指します。
このモジュールは、 CSS でリストのカウンターを設定およびリセットする機能、マーカーとして使用するカウンタースタイルまたは記号を設定する機能、それらのマーカーの位置を指定する機能などを定義します。また、開発者がカスタマイズしたマーカーを作成する機能も提供します。
リファレンス
プロパティ
counter-increment
counter-reset
counter-set
list-style-image
list-style-type
list-style-position
list-style
一括指定
完全には定義または実装されていない marker-side
プロパティもあります。
擬似要素
関数
データ型
ガイド
- 一貫したリストのインデント
-
異なるブラウザー同士でも一貫したリストのインデントを実現する方法を説明します。
- CSS カウンターの使用
-
リストのカウンターを制御するために CSS カウンタープロパティを使用する方法を説明します。
関連概念
-
@counter-style
アットルール<counter-style-name>
データ型<symbol>
データ型symbols()
関数
-
<ol>
のstart
、reversed
、type
属性 -
<ul>
のtype
属性 -
<li>
のtype
およびvalue
属性
仕様書
Specification |
---|
CSS Lists and Counters Module Level 3 |
関連情報
- CSS カウンタースタイルモジュール
- CSS 擬似要素モジュール
- CSS 生成コンテンツモジュール