Zum Inhalt

Inhaltsverzeichnis • Anhang • Anhang: CSS • Anhang: CSS-Einheiten und Farben
⇦ Anhang: CSS-Boxmodell / Anhang: JavaScript ⇨
25.07.2014 09:10:36

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
ColorFarbe#rrggbbFarbe
aquaTürkis#00FFFF            
blackSchwarz#000000            
blueBlau#0000FF            
fuchsiaPurpurrot#FF00FF            
grayGrau#808080            
greenGrün#008000            
limeHellgrün#00FF00            
maroonKastanienbraun#800000            
navyMarineblau#000080            
oliveOliv#808000            
orangeOrange#FFA500            
purpleViolett#800080            
redRot#FF0000            
silverSilber#C0C0C0            
tealAquamarin#008080            
whiteWeiß#FFFFFF            
yellowGelb#FFFF00            
⇦ Anhang: CSS-Boxmodell / Anhang: JavaScript ⇨
Nach oben