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 © 2017   1keydata.com   Alle Rechte vorbehalten