CSS-Werte und Einheiten

Jede CSS-Deklaration besteht aus einem Paar von Eigenschaft und Wert. Der Wert kann je nach Eigenschaft verschiedene Formen annehmen, wie beispielsweise eine einzelne Ganzzahl, ein Schlüsselwort, eine Funktion oder eine Kombination verschiedener Elemente; einige Werte haben Einheiten, während andere keine haben. Jede Eigenschaft akzeptiert auch die CSS-weiten Werte. Das CSS-Werte und Einheiten-Modul definiert die Datentypen — Werte und Einheiten —, die CSS-Eigenschaften akzeptieren. 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.

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

Referenz

Eigenschaften

interpolate-size

Funktionen

Das CSS-Werte und Einheiten-Modul führt auch die Funktionen calc-mix(), crossorigin(), first-valid(), integrity(), random(), random-item(), referrerpolicy(), src(), type() und toggle() ein. Derzeit unterstützt kein 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 Einheiten-Modul führt auch die Datentypen <frequency> und <frequency-percentage> ein. Derzeit unterstützt kein Browser diese Funktionen.

Einheiten

Flex-Einheiten (fr) und Container-Einheiten (cqb, cqh, cqi, cqmax, cqmin, cqw) sind im CSS-Grid-Layout und CSS-Bedingte-Regeln Module, definiert.

Einheitseinteilungen

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 Schriftgrad-relative 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 Schriftgrad-relative Längeneinheiten (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 beschreiben, die von CSS-Eigenschaften und Funktionen akzeptiert werden.
Numerische Datentypen: Übersicht über die numerischen Datentypen, einschließlich Ganzzahlen, Zahlen, Prozentsätzen und Dimensionen, zusammen mit relativen und absoluten Dimensionen, Winkeln und Zeiteinheiten.
Textuelle Datentypen: Übersicht über die textuellen Datentypen, einschließlich vordefinierter Schlüsselwortwerte, globaler CSS-Schlüsselwortwerte und URLs.
CSS-Wert-Funktionen: Übersicht über die CSS-Anweisungen, die spezielle Datenverarbeitung oder Berechnungen aufrufen, um einen CSS-Wert für eine CSS-Eigenschaft zurückzugeben.
Verwenden 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 der gültigen Werte für CSS-Eigenschaften und -Funktionen zu definieren.
Verwendung von CSS-getyptem Rechnen: Eine Erklärung des CSS-getypten Rechnverhaltens und der durch dieses ermöglichten Anwendungsfälle.
Lernen: Werte und Einheiten: Ein Blick auf einige der am häufigsten verwendeten Wertetypen, was sie sind und wie sie funktionieren.
CSS-Werteserialisierung: Wie CSSOM APIs Farben und andere Werte in standardisierte Zeichenfolgen-Repräsentationen umwandeln.

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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

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