CSS-Werte und Einheiten

Jede CSS-Deklaration besteht aus einem Paar von Property und Wert. Der Wert kann je nach Property 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-weiten Werte. Das Modul für CSS-Werte und -Einheiten definiert die Datentypen — Werte und Einheiten —, die CSS-Eigenschaften akzeptieren können. Dieses Modul definiert auch die CSS-Wertedefinitionssyntax oder formale Grammatik, die verwendet wird, um die Menge der gültigen Werte für jede CSS-Eigenschaft und -Funktion zu definieren.

Referenz

Eigenschaften

interpolate-size

Funktionen

Zusätzliche Funktionen, einschließlich calc-mix(), crossorigin(), first-valid(), if(), integrity(), progress(), random(), random-item(), referrerpolicy(), sibling-count(), sibling-index(), 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 im CSS-Rasterlayout und in den Modulen für CSS-Bedingungsregeln definiert.

Einheitskategorisierungen

Absolute Längeneinheiten (cm, in, mm, pc, pt, px, Q)
Winkeleinheiten (deg, grad, rad, turn)
Darstellungsgrößen Einheit (vb , vh, vi , vmax, vmin, vw)
Dynamische Darstellungsgrößen Einheit (dvb, dvh, dvi, dvmax, dvmin, dvw)
Frequenzeinheiten (Hz, kHz)
Große Darstellungsgröße-prozentuale Einheiten (lvb, lvh, lvi, lvmax, lvmin, lvw)
Lokale schriftgradbezogene Längeneinheiten (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)
Wurzel schriftgradbezogene Längeneinheiten (rcap, rch, rem, rex, ric, rlh)
Kleine Darstellungsgröße-prozentuale Einheit (svb, svh, svi, svmax, svmin, svw)
Zeiteinheiten (ms, s)
Ansichtseinheiten (dvh, dvw, lvh, lvw, svh, svw, vb , vh, vi , vmax, vmin, vw)
Visuelle Winkeleinheit (px)

Wichtige Konzepte

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 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-Mathematischen Funktionen: Die CSS-Mathematischen Funktionen, die es erlauben, einen Eigenschaftswert als mathematischen Ausdruck zu schreiben.
Wertedefinitionssyntax: 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