CSS3

：

@規則用記述子

：

suffix

　 編集：2022.07.13 by T.A.

[Edge]○。→●、mdn

リスト マーカの後に置く記号などの指定。

名前 suffix
用途 @counter-style
値 <symbol> <symbol>?
初期値 "\2E\20"（"."、スペース）

suffix 記述子は、マーカ表現の末尾に付加される 接尾辞 を <symbol> で指定する。接尾辞は、負符号より後に置かれる。

注記： 接尾辞は、::marker 疑似要素の既定の内容を構築するアルゴリズムのみにより追加され、［counter()／counters()］関数の利用時に自動的に追加されることはない。
<symbol> <symbol>?

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

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


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


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

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：