Websiteentwicklung: CSS: numerische Angabe
Aus Wikibooks
Inhaltsverzeichnis |
[Bearbeiten] Erklärung
Bei numerischen Angaben als CSS-Eigenschaft unterscheidet man zwischen absolute Werte (für z.B Schriftgrößen oder Rändern) und relative Werte (für z.B. Seitenabstände). Die wichtigsten Angaben und deren Abkürzungen sind unten in Tabellen zusammengefasst worden. Bitte beachten Sie, dass bei CSS das Dezimalzeichen ein Punkt (z.B. 1.2em, 4.5cm) und nicht das deutsche Komma steht.
[Bearbeiten] absolute Angaben
| Abkürzung | Beschreibung | Beispiel |
|---|---|---|
| pt | Punkt ist eine typografische Maßeinheit. 1 Punkt entspricht 1/72 Inches. | font-size: 10pt; |
| pc | Pica ist ein typografisches Maß. 1 Pica entspricht 12 Punkt. | font-size: 1pc; |
| in | Inch ist ein allgemeines Längenmaß. 1 Inch entspricht 2.54 Zentimetern bzw. 6 Pica. | padding-top: 1in; width: 10in; |
| mm | Millimeter ist ein allgemeines Längenmaß. | margin-right: 1in; height: 20mm; |
| cm | Zentimeter ist ein allgemeines Längenmaß. | margin-top: 1cm; line-height: 1em; |
| px | Pixel: ist abhängig von der Auflösung des Ausgabegeräts | font-size: 12px; padding: 5px 2px; |
[Bearbeiten] relative Angaben
| Abkürzung | Beschreibung | Beispiel |
|---|---|---|
| em | em bezieht sich auf die Schriftgröße des Elements. 1em ist die Breite des Großbuchstabens M. | font-size: 1.5em; |
| ex | ex bezieht sich auf die Höhe des Kleinbuchstaben x. | font-size: 2ex; |
| % | Prozent bezieht sich je nach CSS-Eigenschaft relativ zur elementeigenen Größe (oder des Elternelements) oder zu einem allgemeinen Kontext. | padding-top: 2%; width: 10%; |
