Cascading Style Sheets (CSS)

alles mit Mass

Längen und Breiten, Schriftgrössen und Strichdicken - überall tauchen Gelegenheiten auf, irgendwelche Grössen zu definieren, und dabei stellt sich dann natürlich auch die Frage nach den Masseinheiten.

Bevor wir aber auf diese zu sprechen kommen, möchte ich noch einen Hinweis auf relative Masse geben. Wir können nämlich manche Abmessungen - statt in Zentimetern oder Bildschirmpunkten - in "Buchstabengrösse" angeben. Das hat viele Vorteile. Wird die Breite einer Spalte so angegeben, so bleibt zum Beispiel der Textumbruch in der Spalte gleich, auch wenn der Betrachter in seinem Browser die Schriftgrösse verändert. Allgemeiner gesagt: bei Vergrösserung oder Verkleinerung der Schrift bleiben die Proportionen der ganzen Darstellung eher erhalten, wenn die Masse in relativen Angaben gemacht wurden.

Absolute Masse sind dagegen angezeigt, wenn es zum Beispiel um grafische Elemente geht. Bilder, manchmal auch Strichdicken, gibt man mit Vorteil in Pixeln (Bildschirmpunkten) an. Sie sind damit dann auch gegenüber Grössenveränderungen immun.

Hier folgt eine kurze Aufstellung der Einheiten, die als Masse Verwendung finden.

Einheit Abkürzung Erläuterung relativ?
em em Schrifthöhe ja
ex ex Höhe des Buchstabens x in einer Schrift ja
pica pc 1 pica entspricht 12 points nein
point pt 1/72 Inch nein
pixel px ein Bildschirmpunkt nein
millimeter mm fürs Drucken nein
centimeter cm fürs Drucken nein
inch in fürs Drucken nein
Homepapa Intro Wasist Wodenn Wiedenn FrontPage das Box-Modell CSS Syntax Selektoren Schrift Hintergrund Anhang Farben Masse