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 aus unterschiedlichen Elementen; 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 zudem die Syntax zur Definition von CSS-Werten oder die 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

• abs()
• acos()
• asin()
• atan()
• atan2()
• attr()
• calc()
• calc-size()
• clamp()
• cos()
• exp()
• hypot()
• <ident()>
• if()
• inherit()
• log()
• max()
• min()
• mod()
• pow()
• progress()
• rem()
• round()
• sibling-count()
• sibling-index()
• sign()
• sin()
• sqrt()
• tan()
• url()

Das CSS-Werte- und Einheitenmodul führt auch diecalc-mix(),crossorigin(),first-valid(),integrity(),random(),random-item(),referrerpolicy(),src(),type(), undtoggle() 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

• % (Prozentsatz)
• cap
• ch
• cm
• deg
• dpcm
• dpi
• dppx
• dvb
• dvh
• dvi
• dvmax
• dvmin
• dvw
• em
• ex
• grad
• Hz
• ic
• in
• kHz
• lh
• lvb
• lvh
• lvi
• lvmax
• lvmin
• lvw
• mm
• ms
• pc
• pt
• px
• Q
• rad
• rcap
• rch
• rem
• rex
• ric
• rlh
• s
• svb
• svh
• svi
• svmax
• svmin
• svw
• turn
• vb
• vh
• vi
• vmax
• vmin
• vw
• x

Flex-Einheiten (fr) undContainer-Einheiten (cqb,cqh,cqi,cqmax,cqmin,cqw) sind in den ModulenCSS-Rasterlayout undCSS-Bedingte Regeln definiert.

Einheitskategorien

• Absolute Längeneinheiten (cm,in,mm,pc,pt,px,Q)
• Winkeleinheiten (deg,grad,rad,turn)
• Standardeinheiten für den Ansichtsbereich (vb ,vh,vi ,vmax,vmin,vw)
• Dynamische Ansichtsbereichseinheiten (dvb,dvh,dvi,dvmax,dvmin,dvw)
• Frequenzeinheiten (Hz,kHz)
• Große ansichtsbereichabhängige Einheiten (lvb,lvh,lvi,lvmax,lvmin,lvw)
• Einheiten relativ zur lokalen Schriftart (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)
• Einheiten relativ zur Wurzel-Schriftart (rcap,rch,rem,rex,ric,rlh)
• Kleine ansichtsbereichabhängige Einheiten (svb,svh,svi,svmax,svmin,svw)
• Zeiteinheiten (ms,s)
• Ansichtsbereichseinheiten (dvh,dvw,lvh,lvw,svh,svw,vb ,vh,vi ,vmax,vmin,vw)
• Einheit des Sehwinkels (px)

Schlüsselkonzepte

• Vorrückmaß
• Eckige Bereichsnotation
• Komponentenwertkombinatoren
• CSS-weite Schlüsselwörter
• Gerätepixel
• Funktionsnotation
• Bezeichner
• Interpolation
• Schlüsselwort
• Mathematische Funktion
• Numerische Datentypen
• Ursprung
• Pixel
• Textuelle Datentypen
• URL
• Wertdefinition-Syntax

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 Ganzzahlangaben, Zahlen, Prozentsätzen und Abmessungen, zusammen mit relativen und absoluten Abmessungen, Winkeln und Zeiteinheiten.

• Textuelle Datentypen

  • Überblick über die textuellen Datentypen, einschließlich vordefinierter Schlüsselwortwerte, globaler 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 ermöglichen, dass ein Eigenschaftswert als mathematischer Ausdruck geschrieben wird.

• Wertdefinition-Syntax

  • Die formale Grammatik, die verwendet wird, um die Menge der gültigen Werte für CSS-Eigenschaften und Funktionen zu definieren.

• Verwendung von CSS-getippten Arithmetik

  • Eine Erklärung des Verhaltens und der Anwendungsfälle von CSS-getippten Arithmetik, die durch sie 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

  • WieCSSOM-APIs Farben und andere Werte in standardisierte Zeichenfolgen-Darstellungen serialisieren.

Verwandte Themen

• CSS-Kaskadierung und Vererbung Modul

  • initial
  • inherit
  • revert
  • revert-layer
  • unset
  • all

• CSS-Rasterlayout Modul

  • <flex>
  • Flex-Einheiten (fr)

• CSS-Bedingte Regeln Modul

  • Container-Einheiten (cqb,cqh,cqi,cqmax,cqmin,cqw)

• CSS-Farben Modul

  • <color>
  • <system-color>
  • color-mix()

• CSS-Bilder Modul

  • <image>
  • <gradient>

Spezifikationen

Siehe auch

• CSS-Syntax Modul
• CSS-Selektoren Modul