“<dashed-ident>”値~明示的に制作者定義の識別子

““<dashed-ident>”値”とは？

“<dashed-ident>”値は明示的な制作者定義による識別子を表します。

CSS識別子(“<ident>”値)にはCSSの仕様書であらかじめ定義されている識別子と制作者の定義による識別子の2種類がありますが、これは新しい値を仕様書に定義する際に制作者の定義による識別子と一致してしまうことで既存のウェブページに影響を与えるリスクがありました。“<dashed-ident>”値は仕様書で定義する識別子と制作者の定義による識別子を簡単に区別してこのような問題が起きないようにするために定義されました。“<dashed-ident>”値は2個連続するダッシュ(“--”)から始まりますが、CSSの仕様で同様の識別子が新たに定義されないことが保証されています。

“<dashed-ident>”値として使用できる文字列は“<custom-ident>”値と同じ制約に加え、先頭が2個連続するダッシュ(U+002D、“--”)でなければなりません。

“<dashed-ident>”値は英字の大文字と小文字が区別されます。例えば、“--WAAA”と“--waaa”は別の識別子として扱われます。

“<dashed-ident>”値の例

以下は有効な“<dashed-ident>”値の例です。

英字
--haruwaakebono

英字と数字
--haruwaakebono1001

ダッシュが3個以上続く
--haruwaakebono

ダッシュが2個の後に数字が続く
--1001haruwaakebono

非ASCII文字
--春はあけぼの

エスケープ文字を含む
--haru\.wa\.akebono

ユニコード符号位置
--\6625\306f\3042\3051\307c\306e


仕様書

定義されている仕様書

<dashed-ident>