CSS3

CSS関数

counters()

  編集:2022.07.13 by T.A.

[Edge]△?。→mdn

名前付きカウンター。

counters(<counter-name>, <string>[, <counter-style>]?)

[CSS21] における list-style-type プロパティと[counter()/counters()]記法は、何らかの定義済みカウンター スタイルを識別するような、様々なキーワードを受容する。

<counter>
<counter()> | <counters()>
<counter-name>
カウンター名。<custom-ident> として表現する。キーワード none は不可。
<counter-style>
<counter-style-name> | <symbols()>;
<string>
カウンターに連結する文字列。引用符付き文字列で指定。
<counter-style-name>
ASCII 大小無視で none に合致しない <custom-ident> であり、カウンター スタイルの 名前 を与える。<counter-style-name> は、ツリー視野な名前を与える。→定義済みカウンター スタイル

<counter-style-name> が既存のカウンタスタイルを指していない場合、decimal カウンター スタイルと一致するように動作するものとする(が、算出値は decimal にはならない)。

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

<OL class=Test>
 <LI>LI1
 <LI>LI2
 <LI>LI3
 <LI>LI4
</OL>
¶<string>は意味があるのだろうか

単純な各種 定義済みカウンター スタイル

counter()


テスト
別画面に表示させて。
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: