CSS-Werte und -Einheiten

Jede CSS-Deklaration besteht aus einem Eigenschafts-/Wertepaar. Der Wert kann je nach Eigenschaft verschiedene Formen annehmen, wie z.B. eine einzelne Ganzzahl, ein Schlüsselwort, eine Funktion oder eine Kombination verschiedener Elemente; einige Werte haben Einheiten, andere nicht. Jede Eigenschaft akzeptiert auch die CSS-weit gültigen Werte. Das CSS Werte und Einheiten Modul definiert die Datentypen – Werte und Einheiten –, die CSS-Eigenschaften akzeptieren. Dieses Modul definiert auch die Syntax zur Definition von CSS-Werten oder die formelle Grammatik, die zur Definition der Menge der gültigen Werte für jede CSS-Eigenschaft und -Funktion verwendet wird.

Zusätzliche Funktionen, einschließlich calc-mix(), crossorigin(), first-valid(), if(), integrity(), progress(), random(), random-item(), referrerpolicy(), src(), type(), und toggle(), sind in den Spezifikationen definiert, aber noch nicht in Browsern implementiert.

Datentypen

<angle-percentage>
<angle>
<animation-timeline>
<attr-name>
<attr-type>
<calc-keyword> (e, pi, infinity, NaN)
<calc-size-basis>
<calc-sum>
<custom-ident>
<dashed-ident>
<dimension>
<easing-function>
<first-valid()>
<frequency>
<frequency-percentage>
<ident>
<integer>
<length-percentage>
<length>
<number>
<percentage>
<position>
<ratio>
<resolution>
<rounding-strategy> (down, up, to-zero)
<string>
<syntax>
<time-percentage>
<time>
<url>
<url-modifier>
<view-timeline-name>

Einheiten

Flex-Einheiten (fr) und Container-Einheiten (cqb, cqh, cqi, cqmax, cqmin, cqw) sind in den Modulen CSS-Grid-Layout und CSS-bedingte Regeln definiert.

Einheiteneinteilungen

Absolute Längeneinheiten (cm, in, mm, pc, pt, px, Q)
Winkeleinheiten (deg, grad, rad, turn)
Standard-Viewport-Einheiten (vb, vh, vi, vmax, vmin, vw)
Dynamische Viewport-Einheiten (dvb, dvh, dvi, dvmax, dvmin, dvw)
Frequenzeinheiten (Hz, kHz)
Große Viewport-Prozent-Einheiten (lvb, lvh, lvi, lvmax, lvmin, lvw)
Lokal schriftrelativ-Einheiten (cap, ch, em, ex, ic, lh)
Physikalische Einheiten (cm, in, mm, pc, pt, Q)
Relative Längeneinheiten (cap, ch, em, ex, ic, lh, rem, rlh, vb, vh, vi, vmax, vmin, vw)
Auflösungseinheiten (dpcm, dpi, dppx, x)
Root schriftrelativ-Einheiten (rcap, rch, rem, rex, ric, rlh)
Kleine Viewport-Prozent-Einheiten (svb, svh, svi, svmax, svmin, svw)
Zeiteinheiten (ms, s)
Viewport-Einheiten (dvh, dvw, lvh, lvw, svh, svw, vb, vh, vi, vmax, vmin, vw)
Visuelle Winkeleinheit (px)

Schlüsselkonzepte

Leitfäden

CSS-Datentypen: Einführung in CSS-Datentypen, die typische Werte definieren, die von CSS-Eigenschaften und -Funktionen akzeptiert werden.
Numerische Datentypen: Überblick über die numerischen Datentypen, einschließlich Ganzzahlen, Zahlen, Prozentsätze und Dimensionen sowie relative und absolute Dimensionen, Winkel und Zeiteinheiten.
Textuelle Datentypen: Überblick über die textuellen Datentypen, einschließlich vordefinierter Schlüsselwortwerte, globaler CSS-Schlüsselwortwerte und URLs.
CSS-Wert-Funktionen: Überblick über die CSS-Anweisungen, die spezielle Datenverarbeitung oder Berechnungen aufrufen, um einen CSS-Wert für eine CSS-Eigenschaft zurückzugeben.
Verwendung von CSS-Mathematikfunktionen: Die CSS-Mathematikfunktionen, die es ermöglichen, einen Eigenschaftswert als mathematischen Ausdruck zu schreiben.
Wert-Definition-Syntax: Die formelle Grammatik zur Definition der Menge an gültigen Werten für CSS-Eigenschaften und -Funktionen.
Lernen: Werte und Einheiten: Ein Blick auf einige der am häufigsten verwendeten Wertetypen, was sie sind und wie sie funktionieren.

Verwandt

CSS-Kaskadierung und Vererbung Modul
- initial
- inherit
- revert
- revert-layer
- unset
- all
CSS-Grid-Layout Modul
- <flex>
- Flex-Einheiten (fr)
CSS-bedingte Regeln Modul
- Container-Einheiten (cqb, cqh, cqi, cqmax, cqmin, cqw)
CSS-Farben Modul
CSS-Bilder Modul
- <image>
- <gradient>

Spezifikationen

Specification
CSS Values and Units Module Level 3
CSS Values and Units Module Level 4
CSS Values and Units Module Level 5

Siehe auch

CSS-Syntax Modul
CSS-Selektoren Modul