Es ist an dieser Stelle unmöglich und für einen Einführungskurs auch unangebracht, alle Style Sheet-Anweisungen der CSS Versionen 1.0 und 2.0 aufzuführen. Deshalb werden im folgenden nur beispielhaft einige Style Sheet-Anweisungen aufgelistet. Sie stellen eine Auswahl aus der CSS Version 1.0 dar.
Ausführliche und umfassende Beschreibungen der Anweisungen beider Versionen findet man in den jeweiligen W3C-Recommendations. In deutscher Sprache sind die Beschreibungen der Style Sheet-Anweisungen in Selfhtml zu empfehlen.
| Eigenschaft | Mögliche HTML-Selektoren |
|---|---|
font-family: schriftart [,schriftart,...] |
Alle Elemente |
font-style: normal|italic|oblique |
Alle Elemente |
font-variant: normal|small-caps |
Alle Elemente |
font-weight: normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900Man kann die Schriftstärke über einen Wert zwischen 100 und 900 angeben. 400 entspricht etwa der normalen Schriftstärke. |
Alle Elemente |
font-size: xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|n|n% |
Alle Elemente |
color: farbname|rgb(R,G,B)|#hexadezimalcode |
Alle Elemente |
background-color: farbname|rgb|#hexadezimalcode|transparent |
Alle Elemente |
background-image: url(url)|none |
Alle Elemente |
background-repeat: repeat|repeat-x|repeat-y|no-repeat: Hintergrundbild wird horizontal wiederholt.repeat-y: Hintergrundbild wird vertikal wiederholt. |
Alle Elemente |
background-attachment: scroll|fixed |
Alle Elemente |
background-position: top|center|bottom|left|center|right|n m|n% m% |
Blockelemente und ersetzte Elemente, wie Grafiken oder eingebundene Objekte. |
word-spacing: normal|n |
Alle Elemente |
letter-spacing: normal|n |
Alle Elemente |
text-decoration: none|underline|overline|line-through|blink |
Alle Elemente |
text-indent: n|n% |
Block-Elemente |
margin: margin-top||margin-right||margin-bottom||margin-leftSammelanweisung zur schnellen Aneinanderreihung der Einzelanweisungen margin legt den Abstand zu anderen Rahmungen (Boxen) fest( n|n%|auto) |
Alle Elemente |
padding: padding-top||padding-right||padding-bottom||padding-leftSammelanweisung zur schnellen Aneinanderreihung der Einzelanweisungen padding gibt den Abstand Inhalt-Rahmen (border) an.( n|n%) |
Alle Elemente |
border-color: farbname|rgb|#hexadezimalcode |
Alle Elemente |
border-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset |
Alle Elemente |
float: left|right|noneZur Steuerung des Textflusses um ein Objekt |
Alle Elemente |
list-style-type: disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none |
Alle Elemente mitdisplay-Wertlist-item |
list-style-image: url(url)|noneZur Einbindung einer Grafik als Aufzählungszeichen |
Alle Elemente mitdisplay-Wertlist-item |
list-style-position: inside|outside |
Alle Elemente mitdisplay-Wertlist-item |