Extras - CSS Tutoritals

Schrift
font-family	Schriftart	Schriftart (z.B. 'Arial', 'Comic Sans MS', 'Times New Roman' usw.)
font-size	Schriftgröße	XXXpx, XXpt, XXX%, xx-small, x-small, small, smaller, medium, large, x-large, xx-large, larger
font-style	Schriftstil	italic bzw. oblique, normal
font-variant	Anfangsbuchstaben	small-caps, normal
font-weight	Schriftgewicht	normal, bold, bolder, lighter, 100 - 900
Text
direction	Schreibrichtung	ltr, rtl
letter-spacing	Zeichenabstand	normal, XXpx
line-height	Zeilenhöhe	normal, Zahl, XXpx, XX%
text-align	Horizontale Ausrichtung	left,right,center,justify
text-decoration	Textdekoration	none, underline, overline, line-through, blink
text-indent	Texteinrückung	XXpx, XX%
text-transform	Großschreibung	lowercase, uppercase, capitalize, none
unicode-bidi	Vertikale Ausrichtung	normal, embed, bidi-override
vertical-align	Vertikale Ausrichtung	XXpx, XX%, sub, super, baseline, top, bottom, middle, text-top, text-bottom
white-space	Textumbruch	normal, pre, nowrap, pre-line, pre-wrap
word-spacing	Wortabstand	XXpx, normal
text-shadow	Textschatten	Farbe, XXpx
Rahmen
border	Rahmen	Xpx, Rahmenart, Farbe
border-bottom	Rahmen unten	Xpx, Rahmenart, Farbe
border-bottom-color	Rahmenfarbe unten	Farbe
border-bottom-style	Rahmenart unten	none, dotted, dashed, solid, double, groove, ridge, inset, outset
border-bottom-width	Rahmenbreite unten	thin, medium, thick, Xpx
border-color	Rahmenfarbe	transparent, Farbe
border-left	Rahmen links	Xpx, Rahmenart, Farbe
border-left-color	Rahmenfarbe links	Farbe
border-left-style	Rahmenart links	none, dotted, dashed, solid, double, groove, ridge, inset, outset
border-left-width	Rahmenbreite links	thin, medium, thick, Xpx
border-right	Rahmen rechts	Xpx, Rahmenart, Farbe
border-right-color	Rahmenfarbe rechts	Farbe
border-right-style	Rahmenart rechts	none, dotted, dashed, solid, double, groove, ridge, inset, outset
border-right-width	Rahmenbreite rechts	thin, medium, thick, Xpx
border-style	Rahmenart	none, dotted, dashed, solid, double, groove, ridge, inset, outset
border-top	Rahmen oben	Xpx, Rahmenart, Farbe
border-top-color	Rahmenfarbe oben	Farbe
border-top-style	Rahmenart oben	none, dotted, dashed, solid, double, groove, ridge, inset, outset
border-top-width	Rahmenbreite oben	thin, medium, thick, Xpx
border-width	Rahmenbreite	thin, medium, thick, Xpx
Konturen
outline	Kontur	Xpx, Rahmenart, Farbe
outline-color	Konturfarbe	invert, Farbe
outline-style	Konturstil	none, dotted, dashed, solid, double, groove, ridge, inset, outset
outline-width	Konturbreite	thin, medium, thick, Xpx
Außenabstand
margin	Außenabstand	XXXpx, XXX%, auto
margin-bottom	Außenabstand unten	XXXpx, XXX%, auto
margin-left	Außenabstand links	XXXpx, XXX%, auto
margin-right	Außenabstand rechts	XXXpx, XXX%, auto
margin-top	Außenabstand oben	XXXpx, XXX%, auto
Innenabstand
padding	Innenabstand	XXXpx, XXX%
padding-bottom	Innenabstand unten	XXXpx, XXX%
padding-left	Innenabstand links	XXXpx, XXX%
padding-right	Innenabstand rechts	XXXpx, XXX%
padding-top	Innenabstand oben	XXXpx, XXX%
Tabelle
border-collapse	Tabellenrahmen	collapse, separate
border-spacing	Tabellenrahmenabstände	Xpx
caption-side	Tabellenüberschrift	top, bottom
empty-cells	Leere Zellen	show, hide
table-layout	Tabellenlayout	auto, fixed
Liste
list-style	Listen	list-style-image, list-style-position, list-style-type
list-style-image	Aufzählungsgrafik	none, url()
list-style-position	Listenzeichen einrücken	inside, outside
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
Farbe
background-color	Hintergrundfarbe	transparent, Farbe
color	Vordergrundfarbe	Farbe
Hintergrundbild
background	Hintergrund	background-color, background-image, background-attachment, background-repeat, background-position
background-attachment	Hintergrund fixieren	fixed, scroll
background-image	Hintergrundbild	url(), none
background-position	Hintergrundbild positionieren	left, right, center, top, bottom, center, Kombinationen: XXXpx XXXpx XXX% XXXpx XXXpx XXX% Schlüsselwort Schlüsselwort
background-repeat	Hintergrund wiederholen	no-repeat, repeat, repeat-x, repeat-y