CSS
Schriftfamilie
font-family: [Schriftnamen/Schriftfamilien]
Schriftart
font-style: [normal | italic | oblique]
Schriftvariante
font-variant: [normal | small-caps]
Schriftgröße
font-size: [Numerischer Wert]
Schriftgewicht
font-weight: [normal | bold | bolder |lighter |
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900]
Wortabstand
word-spacing: [Numerischer Wert]
Zeichenabstand
letter-spacing: [Numerischer Wert]
Zeilenhöhe
line-height: [Numerischer Wert]
Textdekoration
text-decoration: [underline | overline | line-through | blink | none]
Textart
text-transform: [capitalize | uppercase | lowercase | none]
Texteinrückung
text-indent: [Numerischer Wert]
Vertikale Textausrichtung
vertical-align: [baseline | sub | super | top | text-top | middle | bottom | text-bottom] oder numerisch in Prozent
Horizontale Textausrichtung
text-align: [left | right | center | justify]
Farbe
color: [HTML-Farbangabe]
Hintergrundfarbe
background-color: [HTML-Farbangabe]
Abstand oben
margin-top: [Numerischer Wert]
Abstand links
margin-left: [Numerischer Wert]
Abstand unten
margin-bottom: [Numerischer Wert]
Abstand rechts
margin-right: [Numerischer Wert]
Rahmendicke oben
border-top-width: [thin | medium | thick] oder numerischer Wert
Rahmendicke links
border-left-width: [thin | medium | thick] oder numerischer Wert
Rahmendicke unten
border-bottom-width: [thin | medium | thick] oder numerischer Wert
Rahmendicke rechts
border-right-width: [thin | medium | thick] oder numerischer Wert
Rahmenfarbe
border-color: [HTML-Farbangabe]
Rahmentyp
border-style: [none | dotted | dashed | solid | double | groove | ridge | inset | outset]
Innenabstand oben bei Rahmen
padding-top: [Numerischer Wert]
Innenabstand links bei Rahmen
padding-left: [Numerischer Wert]
Innenabstand unten bei Rahmen
padding-bottom: [Numerischer Wert]
Innenabstand rechts
padding-right: [Numerischer Wert]
Auch für das Notieren von numerischen Werten gibt es feste Regeln:
Notieren Sie immer erst den Wert, dann das Maß
- z.B. 24 pt oder 2.5 cm. Verwenden Sie als Dezimalzeichen immer einen Punkt.
Die folgenden Angaben sind zulässig:
absolut:
pt für Punkt (= 1/72 inches)
pc für Pica (= 12 Punkt)
in für Inch (= 2.54 cm)
mm für Millimeter
cm für Zentimeter
relativ:
em für elementeigene Schrifthöhe
ex für elementeigene Höhe des Buchstabens x
px für Pixel *)
% für Prozent gegenüber Elementnorm
*) Relativ wegen unterschiedlicher Bildschirmauflösung
Rahmen:
border Rahmen Die Werte für
border-color, border-style, border-width, Inherit
border-bottom Rahmen unten Die Werte für
border-top-color, border-top-style, border-top-width
border-bottom-color Rahmenfarbe unten Eine der Farbangabe
border-bottom-style Rahmenart unten none, dotted, dashed, solid, double, groove, ridge, inset, outset, Inherit
border-bottom-width Rahmenbreite unten thin, medium, thick, Längenangabe, Inherit
border-color Rahmenfarbe transparent, Eine der Farbangabe, Inherit
border-left Rahmen links Die Werte für
border-top-color, border-top-style, border-top-width
border-left-color Rahmenfarbe links Eine der Farbangabe
border-left-style Rahmenart links none, dotted, dashed, solid, double, groove, ridge, inset, outset, Inherit
border-left-width Rahmenbreite links thin, medium, thick, Längenangabe, Inherit
border-right Rahmen rechts Die Werte für
border-top-color, border-top-style, border-top-width
border-right-color Rahmenfarbe rechts Eine der Farbangabe
border-right-style Rahmenart rechts none, dotted, dashed, solid, double, groove, ridge, inset, outset, Inherit
border-right-width Rahmenbreite rechts thin, medium, thick, Längenangabe, Inherit
border-style Rahmenart none, dotted, dashed, solid, double, groove, ridge, inset, outset, Inherit
border-top Rahmen oben Die Werte für
border-top-color, border-top-style, border-top-width
border-top-color Rahmenfarbe oben Eine der Farbangabe
border-top-style Rahmenart oben none, dotted, dashed, solid, double, groove, ridge, inset, outset, Inherit
border-top-width Rahmenbreite oben thin, medium, thick, Längenangabe, Inherit
border-width Rahmenbreite thin, medium, thick, Längenangabe, Inherit
Schrift:
font Schrift font-family, font-weight, font-size, font-style, font-variant, line-height
caption, icon, menu, message-box, small-caption, status-bar, icon, menu, message-box, small-caption, caption, Inherit
font-family Schriftfamilie Schriftart, Inherit
font-size Schriftgröße Längenangabe, Prozentangabe, xx-small, x-small, small, smaller, medium, large, x-large, xx-large, larger, Inherit
font-style Schriftstil italic, oblique, normal, Inherit
font-variant Kapitälchen small-caps, normal, Inherit
font-weight Schriftgewicht normal, bold, bolder, lighter, 100 - 900, Inherit
Text:
direction Schreibrichtung ltr, rtl, Inherit
letter-spacing Zeichenabstand normal, Längenangabe, Inherit
line-height Zeilenhöhe normal, Zahl, Längenangabe oder Prozentangabe, Inherit
text-align Horizontal Ausrichtung left,right,center,justify, Inherit
text-decoration Textdekoration none, underline, overline, line-through, blink, Inherit
text-indent Texteinrückung Längen- oder Prozentangabe, Inherit
text-transform Großschreibung lowercase, uppercase, capitalize, none, Inherit
unicode-bidi Vertikale Ausrichtung normal, embed, bidi-override, Inherit
vertical-align Vertikale Ausrichtung Längen- oder Prozentangabe, sub,super, baseline, top, bottom, middle, text-top, text-bottom, Inherit
white-space Textumbruch normal, pre, nowrap, pre-line, pre-wrap, Inherit
word-spacing Wortabstand Längenangabe, normal, Inherit
text-shadow Textschatten Farbangabe, Längenangabe
Außenabstände:
margin Außenabstand Längenangabe, Prozentangabe, auto, Inherit
margin-bottom Außenabstand unten Längenangabe, Prozentangabe, auto, Inherit
margin-left Außenabstand links Längenangabe, Prozentangabe, auto, Inherit
margin-right Außenabstand rechts Längenangabe, Prozentangabe, auto, Inherit
margin-top Außenabstand oben Längenangabe, Prozentangabe, auto, Inherit
Innenabstände:
padding Innenabstand Längenangabe, Prozentangabe, Inherit
padding-bottom Innenabstand unten Längenangabe, Prozentangabe, Inherit
padding-left Innenabstand links Längenangabe, Prozentangabe, Inherit
padding-right Innenabstand rechts Längenangabe, Prozentangabe, Inherit
padding-top Innenabstand oben Längenangabe, Prozentangabe, Inherit
Tabellen:
border-collapse Tabellenrahmen collapse, separate, Inherit
border-spacing Tabellenrahmenabstände Längenangabe, Inherit
caption-side Tabellenüberschrift top, bottom, Inherit
empty-cells Leere Zellen show, hide, Inherit
table-layout Tabellenlayout auto, fixed, Inherit
Listen:
list-style Listen Die Werte für
list-style-image, list-style-position, list-style-type
list-style-image Aufzählungsgrafik none, url(), Inherit
list-style-position Listenzeichen einrücken inside, outside, Inherit
list-style-type Aufzählungszeichen none,circle,square,disc, decimal, lower-alpha, upper-alpha, lower-roman, upper-roman, lower-greek, decimal-leading-zero, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha
Farben:
background-color Hintergrundfarbe transparent, Farbangabe, Inherit
color Vordergrundfarbe Farbangabe, Inherit
Hintergrundbilder:
background Hintergrund Werte für:
background-color, background-image, background-attachment, background-repeat, background-position, Inherit
background-attachment Hintergrund fixieren fixed, scroll, Inherit
background-image Hintergrundbild url(), none, Inherit
background-position Hintergrundbild positionieren left, right, center, top, bottom, center, Kombinationen:
Längenangabe Längenangabe
Prozentangabe Längenangabe
Längenangabe Prozentangabe
Schlüsselwort Schlüsselwort, Inherit
background-repeat Hintergrund wiederholen no-repeat, repeat, repeat-x, repeat-y, Inherit
Positionieren:
bottom Position unten Längenangabe, Prozentangabe, auto, Inherit
clear Text umfließen beenden left, right, both, none, Inherit
clip Ausschnitt rect(), auto, Inherit
display Anzeigeart none, block, inline, inline-block, list-item, compact, run-in, table-..., Inherit
float Text umfließen left, right, none, Inherit
height Höhe Längenangabe, Prozentangabe, auto, Inherit
left Position links Längenangabe, Prozentangabe, auto, Inherit
max-height Maximale Höhe Längenangabe, Prozentangabe, none, Inherit
max-width Maximale Breite Längenangabe, Prozentangabe, none, Inherit
min-height Minimale Höhe Längenangabe, Prozentangabe, Inherit
min-width Minimale Breite Längenangabe, Prozentangabe, Inherit
overflow Überlauf visible, hidden, scroll, auto, Inherit
position Positionsart absolute, relative, static, fixed, Inherit
right Position rechts Längenangabe, Prozentangabe, auto, Inherit
top Position oben Längenangabe, Prozentangabe, auto, Inherit
visibility Unsichtbar visible,hidden, collapse, Inherit
width Breite Längenangabe, Prozentangabe, auto, Inherit
z-index Überlappung Zahl, auto, Inherit