| Einheit | Beschreibung | Wert | Beispiel Fläche | Wert | Beispiel Schriftgröße |
|---|---|---|---|---|---|
| cm | Zentimeter | 2cm |
I am 2cm wide
|
1cm |
I am 1cm
|
| mm | Millimeter | 30mm |
I am 30mm wide
|
12mm |
I am 12mm
|
| Q | Viertelmillimeter | 40Q |
I am 40Q wide
|
15Q |
I am 15Q
|
| in | inches (1in= 96px= 2.54cm) | 3in |
I am 3in wide
|
0.5in |
I am 0.5in
|
| pc | picas (1pc= 12pt) | 5pc |
I am 5pc wide
|
2pc |
I am 2pc
|
| pt | points (1pt= 1/72 von 1in) | 100pt |
I am 100pt wide
|
25pt |
I am 25pt
|
| px | pixels (1px= 1/96 von 1in) | 500px |
I am 500px wide
|
25px |
I am 25px
|
| Einheiten | Beschreibung | Werte | Beispiel | Werte | Beispiel |
|---|---|---|---|---|---|
| em | relativ zur font-size des parent-elements (2em= 2* fontsize) | 8em |
I am 8em wide
|
2,2em |
I am 2,2em
|
| ex | relativ zu best. fontmaßen (x-höje/-breite von "0") | 8ex |
I am 8ex wide
|
2ex |
I am 2ex
|
| ch | relativ zu best. fontmaßen (x-höje/-breite von "0") | 12ch |
I am 12ch wide
|
6ch |
I am 6ch
|
| rem | relativ zur fontsize des root-elements | 17rem |
I am 17rem wide
|
3rem |
I am 3rem
|
| vw | relativ zu 1% der width des viewport (Browserfenster) | 40vw |
I am 40vw wide
|
1vw |
I am 1vw
|
| vh | relativ zu 1% der width des viewport | 50vh |
I am 50vh wide
|
5vh |
I am 5vh
|
| vmin | relativ zu 1% des kleineren/größeren viewports | 35vmin |
I am 35vmin wide
|
6vmin |
I am 6vmin
|
| vmax | relativ zu 1% des kleineren/größeren viewports | 40vmax |
I am 40vmax wide
|
2,3vmax |
I am 2,3vmax
|
| % | prozentual zum parent-element | 10% |
I am 10% wide
|
45% |
I am 45%
|
| Einheit | Wert | Farbbeispiel |
|---|---|---|
| hex (Hexadezimalwerte) | #009fe3 | |
| RGB | rgb(0,182,96) | |
| RGBA | rgba(125,200,0,0.5) | |
| HSL | hsl(80, 90%, 20%) | |
| HSLA | hsla(120,100%,50%, 0.4) | |
| verdefinierter Browser-Farbwert | lightblue |