Anhang: CSS-Einheiten und Farben
Referenz: CSS Einheiten in selfHTML Wiki.
Absolute Einheiten
- in
- 1 Inch entspricht 2.54 cm
- cm
- Zentimeter
- mm
- Millimeter
- pc
- 1 Pica entspricht 12 Punkt. Typografische Maßeinheit.
- pt
- 1 Punkt entspricht 1/72 Inches. Typografische Maßeinheit.
- px
- Bildschirmpixel. Abhängig von der Pixeldichte (dpi) des Ausgabegeräts.
Relative Einheiten
- %
- Prozent der elementeigenen Größe oder der des Elternelements.
- em
- Größe entspricht Schriftgröße des Elements.
- Ausnahme: Bei "font-size" bezogen auf die Schriftgröße des Elternelements.
- ex
- Höhe des Kleinbuchstaben x (x-Höhe) in diesem Element oder 0.5 em.
- Bei "font-size" s. "em"
- ch
- Breite des Ziffer 0 (Null-Breite) oder durchschnittliche Breite.
- rem
- Schriftgröße des Wurzelelements (<html>)
- vw
- Entspricht dem 100. Teil der Breite des Anzeigebereichs (Viewport)
- vh
- Entspricht dem 100. Teil der Höhe des Anzeigebereichs (Viewport)
- vmin
- Entspricht dem 100. Teil der Breite/Höhe (welche kleiner ist) des Anzeigebereichs (Viewport)
- vmax
- Entspricht dem 100. Teil der Breite/Höhe (welche größer ist) des Anzeigebereichs (Viewport)
Farben
Referenz: CSS Farben in selfHTML Wiki.
- rgb(r,g,b)
- CSS-RGB-Farbensyntax (Dezimal für Rot-Grün-Blau)
- Werte von 0-255 oder 0% - 100%
- #rrggbb
- HTML-RGB-Farbensyntax (Hexadezimal für Rot-Grün-Blau)
- Werte von 00-FF
- #rgb
- Farbverdopplung #rgb → #rrggbb (#8F0 → #88FF00)
- Werte von 0-F
CSS Einheiten
| Color | Farbe | #rrggbb | Farbe |
|---|
| aqua | Türkis | #00FFFF | |
| black | Schwarz | #000000 | |
| blue | Blau | #0000FF | |
| fuchsia | Purpurrot | #FF00FF | |
| gray | Grau | #808080 | |
| green | Grün | #008000 | |
| lime | Hellgrün | #00FF00 | |
| maroon | Kastanienbraun | #800000 | |
| navy | Marineblau | #000080 | |
| olive | Oliv | #808000 | |
| orange | Orange | #FFA500 | |
| purple | Violett | #800080 | |
| red | Rot | #FF0000 | |
| silver | Silber | #C0C0C0 | |
| teal | Aquamarin | #008080 | |
| white | Weiß | #FFFFFF | |
| yellow | Gelb | #FFFF00 | |