<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 (A bis Z oder a bis z),
  • beliebige Dezimalziffern (0 bis 9),
  • 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 B oder \000026B geschrieben werden.
  • "hi.there" kann als hi\.there oder hi\002Ethere geschrieben werden.
  • "toto?" kann als toto\?, toto\3F oder toto\00003F geschrieben 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, initial und inherit) sowie none.
  • counter-reset, counter-increment
    • : Verbietet die globalen CSS-Werte (unset, initial und inherit) sowie none.
  • @counter-style, list-style-type
    • : Verbietet die globalen CSS-Werte (unset, initial und inherit) sowie die Werte:

      • none
      • inline
      • outside

    Außerdem sind einige vordefinierte Werte von den verschiedenen Browsern implementiert:

    • 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
    • disclosure-close
  • grid-row-start, grid-row-end, grid-column-start, grid-column-end
    • : Verbietet den span-Wert.
  • view-transition-name
    • : Verbietet die globalen CSS-Werte (unset, initial und inherit) sowie none.
  • will-change
    • : Verbietet die globalen CSS-Werte (unset, initial und inherit) sowie die Werte will-change, auto, scroll-position und contents.

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

Specification
CSS Values and Units Module Level 4
# custom-idents
CSS Will Change Module Level 1
# valdef-will-change-custom-ident
CSS Counter Styles Level 3
# typedef-counter-style-name
CSS Lists and Counters Module Level 3
# counter-properties

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.

Siehe auch