Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Sie sind hier

Startseite › CSS › Grundlagen › Maßangaben
aktualisiert:
05.10.2008
erstellt:
07.02.2007

Maßangaben

Es werden absolute und relative Maßangaben unterschieden.

absolute Maßangaben

  • pt point, Punkt; 1pt = 1,30inch
  • in inch, Zoll; 1in = 2,54cm
  • mm Millimeter
  • cm Zentimeter

relative Maßangaben

  • px Pixel
  • em 1em entspricht der Schriftgröße des Elements
  • % Prozent

Für die Bildschirmdarstellung sind relative Maßangaben geeignet; absolute Angaben sollten nur für den Ausdruck verwendet werden.

Pixel gelten als relative Einheit, weil die tatsächliche Größe eines Pixels von Größe und Konfiguration des Ausgabegeräts abhängig ist.

Gemäß W3C soll die vom Browser dargestellte Größe eines Pixels u.a. abhängig von der durchschnittlichen Armlänge eines Lesers sein (nachzulesen unter CSS2.1 | Syntax and basic data types | Lengths). Jeffrey Zeldman kommentiert dies mit den Worten:

We should be grateful they're only talking about the length of an arm

Jeffrey Zeldman in Designing With Web Standards – Second Edition, Seite 317

Syntaxregeln

Einheiten müssen ohne Leerzeichen an numerische Werte angeschlossen werden: 10px

Bei dem Wert »Null« kann auf die Angabe einer Einheit verzichtet werden.

Kommazahlen werden mit »Punkt« als Trennzeichen notiert: 1.5em