Maßangaben

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Viele Eigenschaften in CSS werden mit Maßangaben definiert. Diese bestimmen in einer Stilregel, wie groß oder breit etwas dargestellt werden soll. Maßangaben werden hauptsächlich für Schriften, Abstände und Seitenpositionen eingesetzt.

Es gibt zwei Arten von Maßangaben: absolute und relative. Eine absolute Maßangabe, wie zum Beispiel die Festlegung einer Schrift auf 18px, weist den Browser an, als durchschnittliche Größe für ein Schriftzeichen 18 Pixel zu verwenden. (Anmerkung: Genau genommen kann man sogar das Pixel als relative Maßeinheit gelten lassen, weil die Größe eines Pixels von der Auflösung und Monitorgröße des Zielrechners abhängt. In unserem Kontext bezeichnen wir mit »relativ« ein Verhältnis zu einem Wert in einer Stilregel oder einem HTML-Attribut. In diesem Zusammenhang ist das Pixel eine absolute Maßeinheit.) Technisch gesehen wird dem Browser vorgeschrieben, die Schrift in einer Höhe von 18 Pixeln darzustellen. Unter Schriften einsetzen mit CSS werden Schrifthöhe und -breite beschrieben.

Mit einer relativen Maßangabe weist eine Stilregel den Browser an, die Größe der Schrift oder eines anderen HTML-Elements relativ zur Größe eines Ausgangswerts zu bestimmen. Das folgende Beispiel zeigt eine Stilregel, durch die die Schriftgröße für alle in Absätzen ausgezeichneten Textstellen 150% des Standardwertes betragen soll:

Wenn man davon ausgeht, dass die meisten Browser Schriftzeichen standardmäßig in einer Größe von 12 Pixeln darstellen, kann man das gleiche Ergebnis auch wie folgt erzielen – 150% von 12 Pixeln ergeben 18 Pixel:

Soweit möglich, sollte man immer relative Maßangaben verwenden. Diese arbeiten variabel mit den Benutzereinstellungen des Browsers zusammen und bieten einige Vorteile für den Einsatz von alternativen Stylesheets. Ebenso können sehbehinderte Benutzer die Schriftgröße besser anpassen.

In CSS werden sowohl alle horizontalen als auch vertikalen Maßangaben als Längenwerte angegeben. Sie werden aus einem optionalen Plus- oder Minuszeichen, einer Zahl (mit oder ohne Dezimalpunkt) und der Maßeinheit zusammengesetzt; zwischen der Zahl und der Maßeinheit dürfen keine Leerzeichen stehen.

• Absolute Werte
• Relative Werte