<dashed-ident>
Der <dashed-ident> CSS Datentyp bezeichnet einen beliebigen String, der als Identifier verwendet wird.
Syntax
Die Syntax von <dashed-ident> ist ähnlich wie die von CSS-Identifikatoren (wie Eigenschaftsnamen), mit der Ausnahme, dass sie case-sensitive ist. Sie beginnt mit zwei Bindestrichen, gefolgt von dem benutzerdefinierten Identifikator.
Der doppelte Bindestrich am Anfang lässt sie leicht erkennbar erscheinen, wenn man durch einen CSS-Codeblock liest und hilft, Namenskonflikte mit standardmäßigen CSS-Schlüsselwörtern zu vermeiden.
Genau wie <custom-ident> werden <dashed-ident>s vom Benutzer definiert, aber im Gegensatz zu <custom-ident> wird CSS niemals ein <dashed-ident> definieren.
Beispiele
Verwendung mit CSS-Benutzerdefinierten Eigenschaften
Wenn <dashed-ident> mit CSS-Benutzerdefinierten Eigenschaften verwendet wird, wird die Eigenschaft zuerst deklariert und dann innerhalb einer CSS var() Funktion verwendet.
html { --primary-color: red; --secondary-color: blue; --tertiary-color: green; } h1, h4 { color: var(--primary-color); } h2, h5 { color: var(--secondary-color); } h3, h6 { color: var(--tertiary-color); } Verwendung mit @color-profile
Wenn <dashed-ident> mit der @color-profile At-Regel verwendet wird, wird die At-Regel zuerst deklariert und dann innerhalb einer CSS color() Funktion verwendet.
@color-profile --my-color-profile { src: url("https://example.org/SWOP2006_Coated5v2.icc"); } .header { background-color: color(--my-color-profile 0% 70% 20% 0%); } Verwendung mit @font-palette-values
Wenn <dashed-ident> mit der @font-palette-values At-Regel verwendet wird, wird die At-Regel zuerst deklariert und dann als Wert für die font-palette Eigenschaft verwendet.
@font-palette-values --my-palette { font-family: Bixa; base-palette: 1; override-colors: 0 red; } h1, h2, h3, h4 { font-palette: --my-palette; } Spezifikationen
| Specification |
|---|
| CSS Values and Units Module Level 4 # dashed-idents |
Browser-Kompatibilität
Da dieser Typ kein realer Typ ist, sondern ein Komforttyp, der zur Vereinfachung der Definition anderer CSS-Syntax verwendet wird, gibt es keine Browser-Kompatibilitätsinformationen als solche.