1/72 Zoll ≙ 1,33 Pixel (gerundet) ca. 0,3133 mm im Drucklayout
px
Ein CSS-Pixel ist der sichtbare Bereich eines Pixel auf einem Gerät mit einer Punktdichte von 96 DPI und einer Armlänge Abstand vom Leser.
variabel ≙ 0,75 Punkt = 1/96in
Relative Längenmaße
Relativ zur Schriftgröße
em
Schriftgröße des Eltern-Elements, wenn es sich um typografische Eigenschaften wie font-size handelt, und Schriftgröße des Elements selbst, wenn es sich um andere Eigenschaften wie width handelt.
ex
entspricht der Größe des Kleinbuchstabens “x”. Sofern die verwendete Schriftart eine x-Höhe definiert, wird dieser Wert verwendet. Andernfalls entspricht ein ex genau einem halben em (0.5em).
ch
entspricht der Breite der Ziffer “0”. Sofern die verwendete Schriftart eine Null-Breite definiert, wird dieser Wert verwendet. Andernfalls wird versucht die durchschnittliche Breite aller Zeichen zu berechnen, sodass dieser Wert verwendet werden kann.
entspricht 1% der Viewportabmessung in Block-Richtung (bei horizontaler Schrift: vh; bei vertikaler Schrift: vw)
vi
entspricht 1% der Viewportabmessung in Inline-Richtung (bei horizontaler Schrift: vw; bei vertikaler Schrift: vh)
lvh
entspricht 1% der Höhe des großen Viewports, d.h. wenn auf Mobilgeräten Adressleiste und Menüleiste nicht angezeigt werden
svh
entspricht 1% der Höhe des kleinen Viewports, d.h. wenn auf Mobilgeräten Adressleiste und Menüleiste angezeigt werden und Platz beanspruchen
dvh
entspricht 1% der Höhe des dynamischen Viewports
vmin
entspricht 1% der Viewport-Minimalabmessung (Breite oder Höhe, je nachdem, welcher Wert der kleinere ist)
vmax
entspricht 1% der Viewport-Maximalabmessung (Breite oder Höhe, je nachdem, welcher Wert der größere ist)
rem
Ein rem (root-em =Wurzel-Em) entspricht der Schriftgröße, die für das Wurzelelement (in HTML das html-Element festgelegt wurde. (Evtl. Änderungen der Schriftgröße in Elternelementen können so übersprungen werden.)
Relativ zum Containerelement
cqw
entspricht 1% der Container-Breite
cqh
entspricht 1% der Container-Höhe
cqb
entspricht 1% der Container-Abmessung in Block-Richtung (bei horizontaler Schrift: cqh; bei vertikaler Schrift: cqw)
cqi
entspricht 1% der Container-Abmessung in Inline-Richtung (bei horizontaler Schrift: cqw; bei vertikaler Schrift: cqh)
cqmin
entspricht 1% der Container-Minimalabmessung (Breite oder Höhe, je nachdem, welcher Wert der kleinere ist)
cqmax
entspricht 1% der Container-Maximalabmessung (Breite oder Höhe, je nachdem, welcher Wert der größere ist)
Winkelmaße
Einheit
Beschreibung
Beispiel
deg
Grad (°), Ein Vollwinkel, also eine Kreisumrundung, entspricht 360°.
transform: rotate(45deg);
grad
100 grad (in der Mathematik als gon bekannt) entsprechen einer 90°-Drehung, also einem rechten Winkel. Eine Kreisumrundung entspricht somit 400 gon, also 400grad.
rotate: 75grad;
rad
Ein Radiant entspricht einer Drehung, bei dem der Winkel durch die Länge des entsprechenden Kreisbogens im Einheitskreis angegeben wird. Eine Kreisumrundung entspricht somit 2π rad.
rotate: 2.5rad;
turn
Ein Vollwinkel entspricht einer Kreisumrundung.
rotate: .75turn;
Zeitmaße
Einheit
Beschreibung
s
Sekunde.
ms
Eine Millisekunde entspricht dem 1000. Teil einer Sekunde.