CSS-Werte und -Einheiten

Jede CSS-Deklaration besteht aus einem Eigenschafts-/Werte-Paar. 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-weiten Werte. Das CSS-Werte- und Einheitenmodul definiert die Datentypen — Werte und Einheiten —, die CSS-Eigenschaften akzeptieren. Dieses Modul definiert auch die CSS-Wertedefinitionssyntax oder die formale Grammatik, die verwendet wird, um die Menge gültiger Werte für jede CSS-Eigenschaft und Funktion zu definieren.

Hinweis: Diese Seite stellt ein CSS-Modul vor. Für eine vollständige Liste aller Werte, Typen und Funktionen, die von CSS-Spezifikationen definiert sind, siehe die Werte-Referenzseite.

Referenz

Eigenschaften

interpolate-size

Funktionen

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

Datentypen

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

Das CSS-Werte- und Einheitenmodul führt auch die Datentypen <frequency> und <frequency-percentage> 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-Bedingte Regeln definiert.

Einheitskategorien

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-Prozentunits (lvb, lvh, lvi, lvmax, lvmin, lvw)
Lokale schriftbezogene 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)
Root-Schriftbezogene Längeneinheiten (rcap, rch, rem, rex, ric, rlh)
Kleine Viewport-Prozentunits (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, globale CSS-Schlüsselwortwerte und URLs.
CSS-Wertfunktionen: Ü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 erlauben, einen Eigenschaftswert als mathematischen Ausdruck zu schreiben.
Wertedefinitionssyntax: Die formale Grammatik, die verwendet wird, um die Menge gültiger Werte für CSS-Eigenschaften und -Funktionen zu definieren.
Verwendung von CSS-typisiertem Rechnen: Eine Erklärung des Verhaltens und der Anwendungsfälle des CSS-typisierten Rechnens, die dadurch ermöglicht werden.
Lernen: Werte und Einheiten: Ein Blick auf einige der am häufigsten verwendeten Wertetypen, was sie sind und wie sie funktionieren.
CSS-Wertserialisierung: Wie CSSOM APIs Farbe und andere Werte in standardisierte Zeichenfolgenrepräsentationen serialisieren.

Spezifikationen

Spezifikation
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

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden