Längeneinheiten in CSS


CSS Tutorial  >  Längeneinheiten

In CSS gibt es zwei Kategorien von Längeneinheiten: relative und absolute Einheiten.

Relative Einheiten beinhalten folgende:

  • px: Pixel
  • em: Em
  • ex: Höhe des Buchstaben x

    Absolute Einheiten beinhalten folgende:

  • in: Zoll
  • cm: Zentimeter
  • mm: Millimeter
  • pt: DTP-Punkte, 1 Pkt = 1/72 Zoll
  • pc: Pica-Punkte, 1 Pc = 12 Pkt

    Sollte keine Einheit angegeben werden, so ist die Standardeinheit px.

    Hier sind Beispiele für jede Einheit:

    CSS-StatementAusgabe

    p {font-size:9px;}

    Schriftgröße 9px.

    p {font-size:3em;}

    Schriftgröße 3em.

    p {font-size:3ex;}

    Schriftgröße 3ex.

    p {font-size:0.2in;}

    Schriftgröße 0.2 inch.

    p {font-size:0.5cm;}

    Schriftgröße 0.5 cm.

    p {font-size:12mm;}

    Schriftgröße 12 mm.

    p {font-size:24pt;}

    Schriftgröße 24 pt.

    p {font-size:2pc;}

    Schriftgröße 2 pc.

    Die generelle Empfehlung hier ist relative Einheiten zu benutzen. So können die Anwender nachher die Schriftgröße nach Ihren Wünschen vergrößern oder verkleinern. Wenn Sie absolute Einheiten benutzen, entfällt diese Möglichkeit.

    Folgende Seite: CSS Box Modell



    Copyright 2008-2009   1keydata.com   Alle Rechte vorbehalten.



  • CSS Tutorial
    CSS Syntax
    Apply CSS
    CSS Ausgabearten
    CSS Cascade
    CSS Vererbung
    CSS Class ID
    CSS Div Span
    CSS Längeneinheiten

    CSS Box-Modell
    CSS Margin
    CSS Border
    CSS Padding
    CSS Background
    CSS Color
    CSS Font
    CSS Link
    CSS List
    CSS Table
    CSS Position
    CSS Text
    CSS Float
    CSS Clear
    CSS Cursor

    CSS Codes