tas2580
Blog über Webentwicklung und Linux Server

Längen

Längen Angaben bestehen aus einer Zahl und der Längeneinheit, dazwischen darf sich kein Leerzeichen befinden (12em). Teilweiße könne Längen auch negativ (-12em) angegeben werden.

Relative Längen

Relative Längeneinheiten geben eine Länge relativ zu einer anderen längen Eigenschaft an. Relative Längeneinheiten skaliert besser zwischen verschiedenen Rendering-Medien.

em

Bezogen auf die Schriftgröße des Elements (2em bedeutet 2-fache Größe der aktuellen Schriftart).

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0

ex

Bezogen auf die x-Höhe der aktuellen Schriftart (selten verwendet).

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0

ch

Relativ zur Breite des "0" (Null).

Chrome 27.0
Firefox 1.0
Safari 7.0
Opera 20.0
Edge 12.0
IE 9.0

rem

Relativ zur Schriftgröße des Wurzelelements.

Chrome 4.0
Firefox 3.6
Safari 4.1
Opera 11.6
Edge 12.0
IE 9.0

vw

Bezogen auf 1% der Breite des Darstellungsbereich.

Chrome 20.0
Firefox 19.0
Safari 6.0
Opera 20.0
Edge 12.0
IE 9.0

vh

Bezogen auf 1% der Höhe des Darstellungsbereich.

Chrome 20.0
Firefox 19.0
Safari 6.0
Opera 20.0
Edge 12.0
IE 9.0

vmin

Bezogen auf 1% des Ansichtsfensters, kleinere Abmessung.

Chrome 20.0
Firefox 19.0
Safari 6.0
Opera 20.0
Edge 12.0
IE 9.0

vmax

Bezogen auf 1% des Ansichtsfensters, größere Abmessung.

Chrome 26.0
Firefox 19.0
Safari Nein
Opera 20.0
Edge Nein
IE Nein

%

Prozent

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0
Der Prozent Wert gehört streng genommen nicht zu den Längen Angaben, wird aber oft an gleicher Stelle benutzt.

Absolute Längen

Die absoluten Längeneinheiten sind fest und werden genau in dieser Größe angezeigt.

cm

Zentimeter

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0

mm

Milimeter

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0

in

Zoll (1in = 96px = 2.54cm)

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0

px

Pixel (1px = 1/96 von 1in)

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0

pt

Punkte (1pt = 1/72 von 1in)

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0

pc

Picas (1pc = 12 pt)

Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 3.0