<custom-ident>
Der <custom-ident> CSS Datentyp bezeichnet eine beliebige benutzerdefinierte Zeichenfolge, die als Bezeichner verwendet wird. Er ist case-sensitive, und bestimmte Werte sind in verschiedenen Kontexten verboten, um Mehrdeutigkeiten zu vermeiden.
Syntax
Die Syntax von <custom-ident> ähnelt den CSS-Bezeichnern (wie Eigenschaftsnamen), außer dass sie case-sensitive ist. Sie besteht aus einem oder mehreren Zeichen, wobei die Zeichen folgende sein können:
- beliebige alphabetische Zeichen (
AbisZoderabisz), - beliebige Dezimalziffern (
0bis9), - ein Bindestrich (
-), - ein Unterstrich (
_), - ein escapetes Zeichen (eingeleitet durch einen Backslash,
\), - ein Unicode-Zeichen (im Format eines Backslashs,
\, gefolgt von einer bis sechs hexadezimalen Ziffern, die den Unicode-Codepunkt darstellen)
Beachten Sie, dass id1, Id1, iD1 und ID1 unterschiedliche Bezeichner sind, da sie case-sensitive sind.
Escaping characters
Jeder Unicode-Codepunkt kann als Teil eines <custom-ident> oder eines in Anführungszeichen gesetzten <string> durch Escaping einbezogen werden.
In CSS gibt es mehrere Möglichkeiten, ein Zeichen zu escapen. Escape-Sequenzen beginnen mit einem Backslash (\) und werden fortgesetzt mit:
- Einer bis sechs hexadezimalen (
ABCDEF0123456789) Ziffern. Die hexadezimalen Ziffern können optional von einem Leerzeichen gefolgt werden. Die hexadezimale Escape-Sequenz wird durch den Unicode-Codepunkt ersetzt, dessen Wert durch diese Ziffern angegeben wird. Der Leerraum erlaubt es, dass die Sequenzen von tatsächlichen hexadezimalen Ziffern gefolgt werden können (im Gegensatz zu ersetzten). - Jedem Unicode-Codepunkt, der keine hexadezimale Ziffer oder ein Zeilenumbruchzeichen ist.
Beispiele:
- "&B" kann als
\26 Boder\000026Bgeschrieben werden. - "hi.there" kann als
hi\.thereoderhi\002Etheregeschrieben werden. - "toto?" kann als
toto\?,toto\3Fodertoto\00003Fgeschrieben werden.
Um tatsächlich Leerzeichen nach einer Escape-Sequenz einzuschließen, fügen Sie in der Escape-Sequenz zwei Leerzeichen ein.
Verbotene Werte
Ein <custom-ident> darf nicht in einfache oder doppelte Anführungszeichen gesetzt werden, da dies mit einem <string> identisch wäre. Außerdem darf das erste Zeichen keine Dezimalziffer oder ein Bindestrich (-) gefolgt von einer Dezimalziffer sein.
Um Mehrdeutigkeiten zu vermeiden, verbietet jede Eigenschaft, die <custom-ident> verwendet, die Nutzung bestimmter Werte:
animation-name- : Verbietet die globalen CSS-Werte (
unset,initialundinherit) sowienone.
- : Verbietet die globalen CSS-Werte (
-
counter-reset,counter-increment- : Verbietet die globalen CSS-Werte (
unset,initialundinherit) sowienone.
- : Verbietet die globalen CSS-Werte (
-
@counter-style,list-style-type-
: Verbietet die globalen CSS-Werte (
unset,initialundinherit) sowie die Werte:noneinlineoutside
Außerdem sind einige vordefinierte Werte von den verschiedenen Browsern implementiert:
disccirclesquaredecimalcjk-decimaldecimal-leading-zerolower-romanupper-romanlower-greeklower-alphalower-latinupper-alphaupper-latinarabic-indicarmenianbengalicambodiancjk-earthly-branchcjk-heavenly-stemcjk-ideographicdevanagariethiopic-numericgeorgiangujaratigurmukhihebrewhiraganahiragana-irohajapanese-formaljapanese-informalkannadakatakanakatakana-irohakhmerkorean-hangul-formalkorean-hanja-formalkorean-hanja-informallaolower-armenianmalayalammongolianmyanmaroriyapersiansimp-chinese-formalsimp-chinese-informaltamilteluguthaitibetantrad-chinese-formaltrad-chinese-informalupper-armeniandisclosure-opendisclosure-close
-
-
grid-row-start,grid-row-end,grid-column-start,grid-column-end- : Verbietet den
span-Wert.
- : Verbietet den
view-transition-name- : Verbietet die globalen CSS-Werte (
unset,initialundinherit) sowienone.
- : Verbietet die globalen CSS-Werte (
will-change- : Verbietet die globalen CSS-Werte (
unset,initialundinherit) sowie die Wertewill-change,auto,scroll-positionundcontents.
- : Verbietet die globalen CSS-Werte (
Beispiele
Gültige Bezeichner
nono79 A mix of alphanumeric characters and numbers ground-level A mix of alphanumeric characters and a dash -test A dash followed by alphanumeric characters _internal An underscore followed by alphanumeric characters \22 toto A Unicode character followed by a sequence of alphanumeric characters scooby\.doo A correctly escaped period
Ungültige Bezeichner
34rem It must not start with a decimal digit. -12rad It must not start with a dash followed by a decimal digit. scooby.doo Only alphanumeric characters, _, and - needn't be escaped. 'scoobyDoo' This would be a <string>. "scoobyDoo" This would be a <string>.
Spezifikationen
Browser-Kompatibilität
Da dieser Typ kein echter Typ ist, sondern ein komfortabler Typ zur Vereinfachung der Beschreibung erlaubter Werte, gibt es keine Informationen zur Browser-Kompatibilität.