Der<dashed-ident>CSSDatentyp bezeichnet eine beliebige Zeichenkette, die alsIdentifikator verwendet wird.

Syntax

Die Syntax von<dashed-ident> ähnelt der von CSS-Identifikatoren (wie Eigenschaftsnamen), mit dem Unterschied, dass sieGroß- und Kleinschreibung berücksichtigt. Sie beginnt mit zwei Bindestrichen, gefolgt von dem benutzerdefinierten Identifikator.

Der doppelte Bindestrich am Anfang macht sie beim Lesen eines CSS-Codeblocks leicht erkennbar und hilft, Namenskollisionen 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<dashed-ident> vonCSS niemals selbst definiert.

Beispiele

Verwendung mit CSS-Benutzervariablen

Wenn<dashed-ident> mitCSS-Benutzervariablen verwendet wird, wird die Eigenschaft zuerst deklariert und dann innerhalb einerCSS 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 einerCSS 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 diefont-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

Browser-Kompatibilität

Da dieser Typ kein echter Datentyp, sondern ein Hilfstyp ist, der verwendet wird, um die Definition anderer CSS-Syntaxen zu vereinfachen, gibt es keine spezifischen Informationen zur Browser-Kompatibilität.

Siehe auch

• <ident>
• <custom-ident>