“@counter-style”ルール~“pad”ディスクリプタ

概要

“pad”ディスクリプタはリスト・マーカーが最低限達するべき桁数と桁数が足りない場合に桁を埋める文字を指定します。

“pad”ディスクリプタはリスト・マーカーの桁数を固定したい場合に使用することができます。

“pad”ディスクリプタで指定された“<integer>”値からリスト・カウンターの値から生成されたカウンター値の初期表現に含まれる書記素クラスタの数を引き、その数だけ“<symbol>”値で指定した文字を追加します。ただし、リスト・カウンターの値が負であり、カウンター・スタイルがマイナス記号を使用する場合は“negative”ディスクリプタで指定された“<symbol>”値に含まれる書記素クラスタの数だけ追加する数を減らします。

リスト・マーカーが“pad”ディスクリプタで指定した桁数を超える場合は“pad”ディスクリプタの指定がない場合と同様です。

値

“<integer>”値と“<symbol>”値を1個ずつホワイトスペースで区切って記述します。記述する順番は自由です。

使用例

ol { list-style-type: sample-counter;}

@counter-style sample-counter {

system: numeric;
symbols: "\1D7D8" "\1D7D9" "\1D7DA" "\1D7DB" "\1D7DC" "\1D7DD" "\1D7DE" "\1D7DF" "\1D7E0" "\1D7E1";
pad: 3 "\1D7D8";

}

1. バナナ
2. マンゴスチン
3. アボカド
4. ドリアン
5. バンレイシ
6. アテモヤ

仕様書

定義されている仕様書

pad

<integer> <symbol>