CSS-Werte und -Einheiten

Jede CSS-Deklaration besteht aus einem Eigenschaft-/Wert-Paar. Der Wert kann je nach Eigenschaft verschiedene Formen annehmen, wie z.B. ein einzelner Integer, ein Schlüsselwort, eine Funktion oder eine Kombination unterschiedlicher Elemente; einige Werte haben Einheiten, andere nicht. Jede Eigenschaft akzeptiert auch die CSS-weiten Werte. Das CSS-Werte- und Einheitenmodul definiert die Datentypen — Werte und Einheiten —, die CSS-Eigenschaften akzeptieren. Dieses Modul definiert auch die Syntax der CSS-Wertedefinition oder formale Grammatik, die verwendet wird, um die Menge der gültigen Werte für jede CSS-Eigenschaft und Funktion zu definieren.

Das CSS-Werte- und Einheitenmodul führt auch die calc-mix(), crossorigin(), first-valid(), integrity(), progress(), random(), random-item(), referrerpolicy(), src(), type(), und toggle() Funktionen ein. Derzeit unterstützen keine Browser diese Funktionen.

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()>
<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>

Das CSS-Werte- und Einheitenmodul führt auch die <frequency> und <frequency-percentage> Datentypen ein. Derzeit unterstützen keine Browser diese Funktionen.

Einheiten

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

Einheitseinstufungen

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 schriftbezogene Längeneinheiten (cap, ch, em, ex, ic, lh)
Physische Einheiten (cm, in, mm, pc, pt, Q)
Relativ Längeneinheiten (cap, ch, em, ex, ic, lh, rem, rlh, vb, vh, vi, vmax, vmin, vw)
Auflösungseinheiten (dpcm, dpi , dppx, x)
Bezogene Längeneinheiten der Stamm-Schriftart (rcap, rch, rem, rex, ric, rlh)
Kleine Viewport-Prozent-Einheit (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 die 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 Abmessungen, sowie relative und absolute Dimensionen, Winkel und Zeiteinheiten.
Textdaten-Typen: Überblick über die Textdaten-Typen, einschließlich vordefinierter Schlüsselwerten, globaler CSS-Schlüsselwörter und URLs.
CSS-Wertfunktionen: Überblick über die CSS-Anweisungen, die spezielle Datenverarbeitungen oder Berechnungen auslösen, 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.
Wertedefinitions-Syntax: Die formale Grammatik, die verwendet wird, um die Menge der gültigen Werte für CSS-Eigenschaften und -Funktionen zu definieren.
Lernen: Werte und Einheiten: Ein Blick auf einige der am häufigsten verwendeten Werttypen, was sie sind und wie sie funktionieren.

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

CSS-Werte und -Einheiten

Referenz

Eigenschaften

Funktionen