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

概要

“negative”ディスクリプタはリスト・カウンターの値が負の数である場合にリスト・マーカーにマイナス記号として追加する文字を指定します。

“negative”ディスクリプタは“system”ディスクリプタの値が“symbolic”、“alphabetic”、“numeric”、“additive”のいずれかである場合、もしくは“extends”であって拡張元のカウンター・スタイルの“system”ディスクリプタの値がそのいずれかである場合にだけ有効となります。そうでない場合には“negative”ディスクリプタで指定されたマイナス記号は無視されます。

既定ではリスト・マーカーの前にハイフンマイナス(“.”、U+002D)が追加されます。

値

値の指定方法

値が1つの場合は指定された文字はリスト・マーカーの前に追加されます。

また、2つの値をホワイトスペースで区切って記述することができます。この場合は1つ目の値で指定された文字はリスト・マーカーの前、2つ目の値で指定された文字はリスト・マーカーの後に追加されます。

使用例

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

@counter-style sample-counter {

system: numeric;
symbols: "\1D7D8" "\1D7D9" "\1D7DA" "\1D7DB" "\1D7DC" "\1D7DD" "\1D7DE" "\1D7DF" "\1D7E0" "\1D7E1";
negative: "\FF8F\FF72\FF85\FF7D"; /* U+FF8FU+FF72U+FF85U+FF7D(“ﾏｲﾅｽ”) */

}

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

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

@counter-style sample-counter {

system: numeric;
symbols: "\1D7D8" "\1D7D9" "\1D7DA" "\1D7DB" "\1D7DC" "\1D7DD" "\1D7DE" "\1D7DF" "\1D7E0" "\1D7E1";
negative: "\27BC" "\2762"; /* U+27BC(“➼”)、U+2762(“❢”) */

}

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

仕様書

定義されている仕様書

negative

<symbol>