Frage zum Wiki-Artikel „Kaskade“

[Rolf B]

Hallo nix,

Unbekannte Dimension 40cqb

Ich frug, glaube ich, schon einmal: Welche Browserversion ist das? Weil...
Oder habe ich deine Antwort nur übersehen?

color: rgb(var(--version1color));

Da hatte ich zuerst gedacht, dass drei Argumente einer CSS Funktion nicht aus einem custom property geholt werden dürfen.

Aber nein, das geht. Man kann sogar nur 2 von 3 Argumenten aus dem custom property beisteuern – solange es ein String ist. Ich habe das in einem Fiddle ausprobiert und es funktioniert mit Chrome und Firefox. Safari kann ich nicht testen.

body {
  --barbie: 220 50 255;
  --ken: 240 230;
}
p:nth-of-type(1) { color: rgb(var(--barbie)); }
p:nth-of-type(2) { color: rgb(var(--ken) 20); }

<p>Hallo</p>
<p>Welt</p>

Das Hallo wird barbiepink und die Welt wird kenblond.

Achso: "solange es ein String ist" – das heißt, dass man nicht per @property Regel etwas anderes deklarieren darf. Uh oh, eine Baustelle. @property ist im Wiki sehr mau dokumentiert und war von den Custom Properties aus unverlinkt.

Rolf