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

概要

“system”ディスクリプタはリスト・アイテムのリスト・カウンターの値をどのようにリスト・マーカーとして使用する文字に変換するかを決めるアルゴリズムを指定します。

“system”ディスクリプタで指定したアルゴリズムは“symbols”ディスクリプタと“additive-symbols”ディスクリプタのいずれかに関連付けられ、これらのディスクリプタによって示された記号を使用してリスト・マーカーを生成します。

値

値の指定方法

“fixed”はホワイトスペースで区切って“<integer>”値とともに記述することで“symbols”ディスクリプタで与えられた1個目の記号がリスト・カウンターのどの値に対応するのかを指定できます。“<integer>”値は任意であり、省略した場合は“1”とみなされます。

“extends”はホワイトスペースで区切って拡張元となる“@counter-style”ルールの名前を“<counter-style-name>”値として記述します。

“fixed”と“extends”以外はキーワード値を1個だけ記述できます。

使用例

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

@counter-style sample-counter {

system: cyclic;
symbols: "\1F400" "\1F402" "\1F405" "\1F407" "\1F409" "\1F40D" "\1F40E" "\1F40F" "\1F412" "\1F413" "\1F415" "\1F417";

}

1. 東京スカイツリー
2. 対馬オメガ局送信用鉄塔
3. 硫黄島ロランC主局（初代）
4. 硫黄島ロランC主局（2代）
5. 南鳥島ロランC局（初代）
6. 東京タワー
7. NHK川口送信局
8. あべのハルカス
9. 明石海峡大橋
10. 横浜ランドマークタワー
11. 虎ノ門ヒルズ森タワー
12. りんくうゲートタワービル
13. 大阪府咲洲庁舎
14. おおたかどや山標準電波送信所
15. 依佐美送信所

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

@counter-style sample-counter {

system: fixed;
symbols: "\1F400" "\1F402" "\1F405" "\1F407" "\1F409" "\1F40D" "\1F40E" "\1F40F" "\1F412" "\1F413" "\1F415" "\1F417";

}

1. 東京スカイツリー
2. 対馬オメガ局送信用鉄塔
3. 硫黄島ロランC主局（初代）
4. 硫黄島ロランC主局（2代）
5. 南鳥島ロランC局（初代）
6. 東京タワー
7. NHK川口送信局
8. あべのハルカス
9. 明石海峡大橋
10. 横浜ランドマークタワー
11. 虎ノ門ヒルズ森タワー
12. りんくうゲートタワービル
13. 大阪府咲洲庁舎
14. おおたかどや山標準電波送信所
15. 依佐美送信所

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

@counter-style sample-counter {

system: symbolic;
symbols: "\1D538" "\1D539" "\2102" "\1D53B" "\1D53C" "\1D53D";

}

1. 東京スカイツリー
2. 対馬オメガ局送信用鉄塔
3. 硫黄島ロランC主局（初代）
4. 硫黄島ロランC主局（2代）
5. 南鳥島ロランC局（初代）
6. 東京タワー
7. NHK川口送信局
8. あべのハルカス
9. 明石海峡大橋
10. 横浜ランドマークタワー
11. 虎ノ門ヒルズ森タワー
12. りんくうゲートタワービル
13. 大阪府咲洲庁舎
14. おおたかどや山標準電波送信所
15. 依佐美送信所

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

@counter-style sample-counter {

system: alphabetic;
symbols: "\1D538" "\1D539" "\2102" "\1D53B" "\1D53C" "\1D53D";

}

1. 東京スカイツリー
2. 対馬オメガ局送信用鉄塔
3. 硫黄島ロランC主局（初代）
4. 硫黄島ロランC主局（2代）
5. 南鳥島ロランC局（初代）
6. 東京タワー
7. NHK川口送信局
8. あべのハルカス
9. 明石海峡大橋
10. 横浜ランドマークタワー
11. 虎ノ門ヒルズ森タワー
12. りんくうゲートタワービル
13. 大阪府咲洲庁舎
14. おおたかどや山標準電波送信所
15. 依佐美送信所

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

@counter-style sample-counter {

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

}

1. 東京スカイツリー
2. 対馬オメガ局送信用鉄塔
3. 硫黄島ロランC主局（初代）
4. 硫黄島ロランC主局（2代）
5. 南鳥島ロランC局（初代）
6. 東京タワー
7. NHK川口送信局
8. あべのハルカス
9. 明石海峡大橋
10. 横浜ランドマークタワー
11. 虎ノ門ヒルズ森タワー
12. りんくうゲートタワービル
13. 大阪府咲洲庁舎
14. おおたかどや山標準電波送信所
15. 依佐美送信所

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

@counter-style sample-counter {

system: additive;
additive-symbols: 90 "\3288\3289", 80 \3287\3289, 70 \3286\3289, 60 \3285\3289, 50 \3284\3289, 40 \3283\3289, 30 \3282\3289, 20 \3281\3289, 10 \3289, 9 \3288, 8 \3287, 7 \3286, 6 \3285, 5 \3284, 4 \3283, 3 \3282, 2 \3281, 1 \3280;
range: 1 99;

}

1. 東京スカイツリー
2. 対馬オメガ局送信用鉄塔
3. 硫黄島ロランC主局（初代）
4. 硫黄島ロランC主局（2代）
5. 南鳥島ロランC局（初代）
6. 東京タワー
7. NHK川口送信局
8. あべのハルカス
9. 明石海峡大橋
10. 横浜ランドマークタワー
11. 虎ノ門ヒルズ森タワー
12. りんくうゲートタワービル
13. 大阪府咲洲庁舎
14. おおたかどや山標準電波送信所
15. 依佐美送信所

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

@counter-style sample-counter {

system: extends decimal;
suffix: "\003A\0020";

}

1. 東京スカイツリー
2. 対馬オメガ局送信用鉄塔
3. 硫黄島ロランC主局（初代）
4. 硫黄島ロランC主局（2代）
5. 南鳥島ロランC局（初代）
6. 東京タワー
7. NHK川口送信局
8. あべのハルカス
9. 明石海峡大橋
10. 横浜ランドマークタワー
11. 虎ノ門ヒルズ森タワー
12. りんくうゲートタワービル
13. 大阪府咲洲庁舎
14. おおたかどや山標準電波送信所
15. 依佐美送信所

仕様書

定義されている仕様書

system

cyclic
fixed <integer>
symbolic
alphabetic
numeric
additive
extends <counter-style-name>