Einheiten in Stylesheets (CSS)

Einheiten

Mit Stylesheets lassen sich numerische Werte für Style-Eigenschaften festlegen, auf verschiedene Arten :

  • Absolut, also in einer Einheit, die unäbhängig vom Ausgangsformat ist (zum Beispiel in Zentimetern) ;
  • Relativ, also in einer Einheit, die sich auf ein Element bezieht ;

Die Werte von Stylesheets sind entweder ganze Zahlen oder reelle Zahlen, also Zahlen, die aus einem ganzen und einem dezimalen Teil bestehen.

Allgemeine Anmerkung: Verwendung eines Punktes (« . ») bei dezimaler Schreibweise statt einem Komma (« 8.5 cm«  und nicht « 8,5 cm« ).

Die Werte können in einigen Fällen auch negativ sein (am Anfang steht das Zeichen « - »). Einige Eigenschaften können allerdings nur einen begrenzten Wertebreich annehmen.

Absolute Einheiten

Die vom CSS-Standard vorgeschlagenen absoluten Einheiten sind in der folgenden Tabelle zusammengefasst :

Einheit Beschreibung
cm Zentimeter
in Inches, ein Inch entspricht 2,54 cm
mm Millimeter
pt Punkt
pc Pica (entspricht 12 pt)

Relative Einheiten

Die vom CSS-Standard vorgeschlagenen relativen Einheiten sind in der folgenden Tabelle zusammengefasst :

Einheit Beschreibung
em Diese Einheit bezieht sich auf die Schriftgröße des gewählten Elements. Einzige Ausnahme bei dieser Regel : ist die Eigenschaftfont-size definiert, bezieht sie sich auf die Schriftgröße des Eltern-Elements.
ex Diese Einheit bezieht sich auf die Höhe der Kleinbuchstaben im gewählten Element. Einzige Ausnahme bei dieser Regel : ist die Eigenschaftfont-size definiert, bezieht sie sich auf die Höhe der Kleinbuchstaben des Eltern-Elements.
px DasPixel. Eine Einheit die von der Auflösung des Anzeige-Geräts abhängig ist.
% Prozent sind eine Einheit, die sich auf die Größe des Elements oder des Eltern-Elements bezieht.
Letzte Änderung am Mittwoch April 1, 2009 02:16:17 von Jeff
Das Dokument mit dem Titel « Einheiten in Stylesheets (CSS) » aus Kioskea.net (de.kioskea.net) wird zur Verfügung gestellt unter den Bedingungen der Creative Commons Lizenz. Sie dürfen das Dokument verwenden, verändern sowie Vervielfältigungen dieser Seite erstellen, unter den Bedingungen, die in der vorgenannten Lizenz erwähnt sind und unter der gleichzeitigen Bedingung, dass Sie im Rahmen Ihrer Verwendung, Veränderung oder Vervielfältigung nach außen hin klar und deutlich auf den Urheber (= de.kioskea.net) des Dokuments hinweisen.
Anregungen
Klassen und IDs
CSS-Farben