11---
22title : <custom-ident>
33slug : Web/CSS/custom-ident
4+ l10n :
5+ sourceCommit : a42dcee9b9cd82d26f1d8de321e2f42975aea07d
46---
57
68{{CSSRef}}
@@ -15,14 +17,31 @@ slug: Web/CSS/custom-ident
1517- 任意の数字 (` 0 ` -` 9 ` )
1618- ハイフン (` - ` )
1719- アンダースコア (` _ ` )
18- - エスケープ文字 (バックスラッシュ ` \ ` に続く)
20+ - [ エスケープ文字] (バックスラッシュ ` \ ` に続く)
1921- [ Unicode] ( http://ja.wikipedia.org/wiki/Unicode ) 文字 (バックスラッシュ ` \ ` と、それに続く 1 - 6 桁の 16 進数の形式で Unicode コードポイントを表す)
2022
21- なお、このデータ型では ` id1 ` 、` Id1 ` 、` iD1 ` 、` ID1 ` は[ 大文字と小文字を区別] ( https://ja.wikipedia.org/wiki/%E3%82%B1%E3%83%BC%E3%82%B9%E3%83%BB%E3%82%BB%E3%83%B3%E3%82%B7%E3%83%86%E3%82%A3%E3%83%96 ) するため、すべて異なった識別子として扱われます。逆に、` toto\? ` と ` toto\3F ` は文字をエスケープする方法が異なりますが、同じ識別子として扱われます。
23+ なお、 ` id1 ` 、` Id1 ` 、` iD1 ` 、` ID1 ` は[ 大文字と小文字を区別] ( https://ja.wikipedia.org/wiki/%E3%82%B1%E3%83%BC%E3%82%B9%E3%83%BB%E3%82%BB%E3%83%B3%E3%82%B7%E3%83%86%E3%82%A3%E3%83%96 ) するため、すべて異なった識別子として扱われます。
24+
25+ ### エスケープ文字
26+
27+ あらゆる Unicode コードポイントを ` <custom-ident> ` や引用 {{cssxref("string")}} の一部として、エスケープすることで含めることができます。
28+
29+ CSS では、文字をエスケープする方法がいくつかあります。エスケープシーケンスはバックスラッシュ (` \ ` ) で始まり、以下のものが続きます。
30+
31+ - 1~6 桁の 16 進数 (` ABCDEF0123456789 ` )。 16 進数にはオプションで空白が続くこともあります。 16 進のエスケープシーケンスは、この数字で指定された値の Unicode コードポイントに置き換わります。空白は、シーケンスの後に実際の 16 進数を(置き換えることなく)続けることを可能にします。
32+ - 16 進数でも改行文字でもない Unicode コードポイント。
33+
34+ 例:
35+
36+ - "&B" は ` \26 B ` または ` \000026B ` と書くことができます。
37+ - "hi.there" は ` hi\.there ` または ` hi\002Ethere ` と書くことができます。
38+ - "toto?" は ` toto\? ` , ` toto\3F ` , ` toto\00003F ` のように書くことができます。
39+
40+ エスケープシーケンスの後に実際のホワイトスペースを含める場合は、エスケープシーケンスに 2 つのホワイトスペースを入れてください。
2241
2342### 禁止されている値
2443
25- ` <custom-ident> ` を引用符または二重引用符の間に置いてはいけません。こうすると、 {{CSSxRef("< ; string> ; ")}} として識別されてしまいます。さらに、先頭の文字は、数字やハイフン (` - ` ) および、それらの続くものであってはなりません 。
44+ ` <custom-ident> ` を引用符または二重引用符の間に置いてはいけません。こうすると、 {{CSSxRef("< ; string> ; ")}} として識別されてしまいます。さらに、先頭の文字は、数字や、ハイフン (` - ` ) に数字が続いたものであってはなりません 。
2645
2746曖昧さを避けるため、 ` <custom-ident> ` を使用する各プロパティでは、特定の値の使用が禁止されています。
2847
@@ -31,9 +50,75 @@ slug: Web/CSS/custom-ident
3150- {{CSSxRef("counter-reset")}}, {{CSSxRef("counter-increment")}}
3251 - : グローバル CSS 値 (` unset ` , ` initial ` , ` inherit ` ) を禁止し、 ` none ` も禁止しています。
3352- {{CSSxRef("@counter-style ")}}, {{CSSxRef("list-style-type")}}
34- - : グローバル CSS 値 (`unset`, `initial`, `inherit`) および `none`, `inline`, `outside` の値を禁止しています。また、`disc`, `circle`, `square`, `decimal`, `cjk-decimal`, `decimal-leading-zero`, `lower-roman`, `upper-roman`, `lower-greek`, `lower-alpha`, `lower-latin`, `upper-alpha`, `upper-latin`, `arabic-indic`, `armenian`, `bengali`, `cambodian`, `cjk-earthly-branch`, `cjk-heavenly-stem`, `cjk-ideographic`, `devanagari`, `ethiopic-numeric`, `georgian`, `gujarati`, `gurmukhi`, `hebrew`, `hiragana`, `hiragana-iroha`, `japanese-formal`, `japanese-informal`, `kannada`, `katakana`, `katakana-iroha`, `khmer`, `korean-hangul-formal`, `korean-hanja-formal`, `korean-hanja-informal`, `lao`, `lower-armenian`, `malayalam`, `mongolian`, `myanmar`, `oriya`, `persian`, `simp-chinese-formal`, `simp-chinese-informal`, `tamil`, `telugu`, `thai`, `tibetan`, `trad-chinese-formal`, `trad-chinese-informal`, `upper-armenian`, `disclosure-open`, and `disclosure-close` といった定義済みの値が、様々なブラウザーで実装されています。
53+
54+ - : グローバル CSS 値 (` unset ` , ` initial ` , ` inherit ` ) と、次の値を禁止しています。
55+
56+ - ` none `
57+ - ` inline `
58+ - ` outside `
59+
60+ また、さまざまなブラウザーで、いくつかの定義済みの値が実装されています。
61+
62+ - ` disc `
63+ - ` circle `
64+ - ` square `
65+ - ` decimal `
66+ - ` cjk-decimal `
67+ - ` decimal-leading-zero `
68+ - ` lower-roman `
69+ - ` upper-roman `
70+ - ` lower-greek `
71+ - ` lower-alpha `
72+ - ` lower-latin `
73+ - ` upper-alpha `
74+ - ` upper-latin `
75+ - ` arabic-indic `
76+ - ` armenian `
77+ - ` bengali `
78+ - ` cambodian `
79+ - ` cjk-earthly-branch `
80+ - ` cjk-heavenly-stem `
81+ - ` cjk-ideographic `
82+ - ` devanagari `
83+ - ` ethiopic-numeric `
84+ - ` georgian `
85+ - ` gujarati `
86+ - ` gurmukhi `
87+ - ` hebrew `
88+ - ` hiragana `
89+ - ` hiragana-iroha `
90+ - ` japanese-formal `
91+ - ` japanese-informal `
92+ - ` kannada `
93+ - ` katakana `
94+ - ` katakana-iroha `
95+ - ` khmer `
96+ - ` korean-hangul-formal `
97+ - ` korean-hanja-formal `
98+ - ` korean-hanja-informal `
99+ - ` lao `
100+ - ` lower-armenian `
101+ - ` malayalam `
102+ - ` mongolian `
103+ - ` myanmar `
104+ - ` oriya `
105+ - ` persian `
106+ - ` simp-chinese-formal `
107+ - ` simp-chinese-informal `
108+ - ` tamil `
109+ - ` telugu `
110+ - ` thai `
111+ - ` tibetan `
112+ - ` trad-chinese-formal `
113+ - ` trad-chinese-informal `
114+ - ` upper-armenian `
115+ - ` disclosure-open `
116+ - ` disclosure-close `
117+
35118- {{CSSxRef("grid-row-start")}}, {{CSSxRef("grid-row-end")}}, {{CSSxRef("grid-column-start")}}, {{CSSxRef("grid-column-end")}}
36119 - : ` span ` 値を禁止しています。
120+ - {{CSSxRef("view-transition-name")}}
121+ - : グローバル CSS 値 (` unset ` , ` initial ` , ` inherit ` ) および ` none ` の値を禁止しています。
37122- {{CSSxRef("will-change")}}
38123 - : グローバル CSS 値 (` unset ` , ` initial ` , ` inherit ` ) および ` will-change ` , ` auto ` , ` scroll-position ` , ` contents ` の値を禁止しています。
39124
@@ -56,7 +141,6 @@ bili\.bob ピリオドが正しくエスケープされている
5614134rem 数字で始まってはいけない
57142-12rad ダッシュで始まって数字が続いてはいけない
58143bili.bob アルファベットと数字以外でエスケープせずに使えるのは _ と - だけ
59- --toto 2 つのダッシュで始まってはいけない
60144'bilibob' <string> になります
61145"bilibob" <string> になります
62146```
@@ -71,4 +155,5 @@ _このデータ型は実際の型ではありませんが、許可された値
71155
72156## 関連情報
73157
74- - {{CSSxRef("< ; ident> ; ")}}
158+ - [ < ; ident> ; ] ( /ja/docs/Web/CSS/ident )
159+ - [ < ; dashed-ident> ; ] ( /ja/docs/Web/CSS/dashed-ident )
0 commit comments