Numerische Werte *) und Einheiten

Regeln:


Zulässige numerische Werte, Größenangaben
Längenangabe Anwendung und Bedeutung Codebeispiel
cmZentimeter
font-size:0.5cm
mmMillimeter
font-size:5mm
em"bezogen auf elementeigene Schrifthöhe", d.h. H1{ font-size: 1.2em } bedeutet ein um 20% größeres H1, als dem H1 vom Elternelement (meist <BODY>) her eingeprägt (inherited)
font-size:1.5em
ex"bezogen auf elementeigene Höhe des Buchstabens x"
font-size:3ex
inInch ( = 2,54 cm)
font-size:0.2in
pcPica ( = 12 pt)
font-size:1.5pc
ptPunkt (1/72 Inch = 0,3.. mm)
font-size:13pt
pxPixel, überraschenderweise vom darstellenden Medium abhängig. Beim Bildschirm ist ein Pixel ein Pixel, beim Drucker mit höherer dpi-Zahl enthält ein dargestelltes Pixel mehrere geräteeigene Pixel.
font-size:20px
%Prozent bezogen auf irgendetwas, im Einzelfall schwer zu erraten. Entweder ist der Bezugswert durch den Kontext, ein Elternelement oder eine Größe des Elements selber bestimmt. Probieren!!
font-size:120%

Neben reinen Zahlenangaben können auch spezielle Einheiten vorkpommen, dazu die folgende Tabelle

Zulässige Einheiten
Einheit Anwendung und Bedeutung Codebeispiel
FrequenzenFrequenzen, werden, wer hätte es gedacht, in Hz oder kHz angegeben. Natürlich nur sinnvoll für "aural style sheets", also den Anweisungen zum Vorlesen.Pieps: 1000Hz = 1kHz
WinkelWinkelangaben kommen bei "aural style sheets" vor. Die möglichen Angaben erfolgen wie auf der Mehrheit der Taschenrechner als deg (Grad, Vollkreis wäre: 360deg), grad (Neugrad, Vollkreis hat 400grad)oder rad (Radiant, Vollkreis hat 2*Pi = 6.28rad)
Leerzeichen zwischen Zahl und Einheit sind verboten!
Rechter Winkel: 90deg, 100grad oder 1.50rad.
ZeitenZeitangaben kommen ebenfalls nur bei bei "aural style sheets" vor. Die möglichen Angaben erfolgen in ms oder s.Zeit zum Verstehen: 4.5ms

*) Ja, ich weiß, manche ... um nicht unhöflich zu werden, sage ich mal ... Menschen, schreiben 'nummerisch'. Trotzdem sprechen sie, zutreffenderweise noch immer: "[numehrisch]" (das soll Lautschrift sein!). Ich habe gelernt, die neue Rechtschreibung solle die Aussprache besser wiedergeben. Daher!

CSS Kurs, © Rolf Hirte, 2001/2007

Valid XHTML 1.0!CSS-Validierung