このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

<custom-ident>”値~制作者定義の識別子CSS Values and Units Module Level 3 で追加

記事Jun. 26th,2021
CSSの<custom-ident>値、制作者定義の識別子について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

““<custom-ident>”値”とは?

<custom-ident>”値は制作者定義による識別子を表します。

<custom-ident>”値として使用できるの文字列はCSS識別子(“<ident>”値)でなければならず、以下のような決まりがあります。

  • 英字(“a”~“z”と“A”~“Z”)、数字(“0”~“9”)、ダッシュ(U+002D、“-”)、アンダースコア(U+005F、“_”)、非ASCII文字(U+0080以降)、エスケープ・シーケンスの組み合わせです。
  • 1文字目が数字であってはいけません。
  • 1文字目がダッシュである場合は2文字目は数字であってはいけません。
  • 引用符(“"”もしくは“'”)で囲ってはいけません。

他に、CSSの共通キーワードと“default”は“<custom-ident>”値として使用することはできません。また、“<custom-ident>”値を使用するプロパティの定義されている定義済キーワードとして誤解釈される文字列も認められず、プロパティの仕様で別途使用できない文字列が定義されている場合もあります。

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

<custom-ident>”値の例

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

英字
haruwaakebono

英字と数字
haruwaakebono1001

ダッシュではじまる
-haruwaakebono1001

アンダースコアではじまる
_haruwaakebono1001

非ASCII文字
春はあけぼの

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

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

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告候補(CR) 作業草稿(WD)
<custom-ident>
定義なし

定義なし

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク