CSS3

@規則用記述子

pad

[Edge]○→●、mdn

リスト マーカーのゼロ詰めなどの表現定義。

pad 記述子により、作者は“固定幅”のカウンター スタイルを指定できるようになる ― pad 値より短い表現は、ある特定の <symbol> で pad される。指定された pad 値より大きい表現は、通常どおり構築される。

<integer[0,∞]> && <symbol> ⤴

<integer> は、どのカウンター表現も到達するものとする 最小長さ を指定する。その最小長さの範囲内で <symbol> を埋め込む。

以下のCSSが組み込んであります：

@counter-style Test_Cunt{
  system:fixed;
  symbols:Ⅰ Ⅱ Ⅲ;
  suffix: ":";
  pad:3 "z";
}
.Test{
  list-style:Test_Cunt;
  color:red;
}

<OL class=Test>
 <LI>LI１
 <LI>LI２
 <LI>LI３
 <LI>LI４
 <LI>LI５
</OL>

1. LI１
2. LI２
3. LI３
4. LI４
5. LI５

差分 を次の式の結果とするとき：

最小長さ － ( A ＋ B )

― ここで：

• A は、カウンター値用の初期カウンター表現を成す、書記素クラスターの個数。

  注記： これは、カウンター表現を生成するアルゴリズムの中で、［接頭辞／接尾辞／負符号］を追加する前の結果を指していることに注意。

• B は、［カウンター値は負である、かつカウンター スタイルは負符号を利用する］ならば、(［カウンター スタイルの負符号（たち）］を成す書記素クラスターの個数 )／他の場合は 0 。

［差分 ＞ 0］ならば、表現の先頭に、［差分 個の指定された <symbol>］を付加する。

負な 最小長さ は許容されない。

注記： pad 記述子は、表現を成す書記素クラスターの個数を数えるが、それを <symbol> で pad する。指定された pad <symbol> が複数文字からなる場合、これは欲される効果にならないであろう。あいにく、有用な拘束に違反することなく、pad <symbol> を成す書記素クラスタの個数を利用する仕方はない。作者には、pad 記述子においては、単独の 書記素クラスタからなる <symbol> のみを指定することが推奨される。

テスト