CSS Befehle Übersicht
Alle wichtigen CSS Befehle als Übersicht gegliedert. Definitionen und Attribute der CSS Befehle.
Als Download gibt es die HTML5 und CSS Referenz im PDF-Format unter:
https://www.html-seminar.de/downloads/html5-css-referenz.pdf
Es sind verschiedene Begriffe im CSS zu finden wie beispielsweise CSS Definitionen, CSS Notation, CSS Syntax, CSS Elemente und CSS Formate. Im Folgenden eine Übersicht über die wichtigsten CSS Befehle und deren Eigenschaften.
| Befehl | Bedeutung | weitere mögliche Angaben |
|---|---|---|
| Schrift | ||
| font-family | Schriftart | Arial, Times New Roman, etc. |
| font-size | Schriftgröße | numerischer Wert in pt(Punkt) mm oder cm |
| color | Schriftfarbe | red, green, white usw. oder HTML Farbangabe |
| font-variant | Schriftvariante | normal, small-caps |
| font-weight | Schriftgewicht | normal, bold, bolder, lighter |
| font-style | Schriftstil | normal, oblique, italic |
| Textgestaltung | ||
| text-align | Textausrichtung | left, right, center, justify (Blocksatz) |
| line-height | Zeilenabstand (Durchschuss) | numerischer Wert in pt(Punkt) mm oder cm |
| text-decoration | Textgestaltung | underline, overline, line-through, blink |
| word-spacing | Wortabstand | numerischer Wert in pt(Punkt) mm oder cm |
| letter-spacing | Zeichenabstand | numerischer Wert in pt(Punkt) mm oder cm |
| text-indent | Texteinrückung | numerischer Wert in pt(Punkt) mm oder cm |
| text-transform | Textart | capitalize, uppercase, lowercase, none |
| Seitenränder | ||
| margin-left | absoluter Abstand zum Seitenrand links | numerischer Wert in pt(Punkt) mm oder cm |
| margin-right | absoluter Abstand zum Seitenrand rechts | numerischer Wert in pt(Punkt) mm oder cm |
| margin-bottom | absoluter Abstand zum Seitenrand unten | numerischer Wert in pt(Punkt) mm oder cm |
| margin-top | absoluter Abstand zum Seitenrand oben | numerischer Wert in pt(Punkt) mm oder cm |
| Links | ||
| A:link | Link | fast alle CSS-Befehle anwendbar |
| A:visited | Besuchter Link | fast alle CSS-Befehle anwendbar |
| A:active | Angeklickter Link | fast alle CSS-Befehle anwendbar |
| A:hover | Link beim überfahren mit Maus | fast alle CSS-Befehle anwendbar |
| Bilder | ||
| background | Hintergrundfarbe | red, green, white usw. oder HTML Farbangabe |
| background-image | Hintergrundbild | none, URL |
| background-repeat | Kachel | repeat, repeat-x, repeat-y, no-repeat |
| Ränder | ||
| border-top-width | Dicke der Rahmenlinie oben | thin, medium, thick oder num. Wert |
| border-bottom-width | Dicke der Rahmenlinie unten | thin, medium, thick oder num. Wert |
| border-left-width | Dicke der Rahmenlinie links | thin, medium, thick oder num. Wert |
| border-right-width | Dicke der Rahmenlinie rechts | thin, medium, thick oder num. Wert |
| border-style | Rahmentyp | none, dotted, dashed, solid, double, groove, ridge, inset, outset |
| border-color | Rahmenfarbe | Farbname oder Hex. |
| padding-top | Tabellenabstand oben | Prozent oder num. Wert. |
| padding-bottom | Tabellenabstand unten | Prozent oder num. Wert. |
| padding-right | Tabellenabstand rechts | Prozent oder num. Wert. |
| padding-left | Tabellenabstand links | Prozent oder num. Wert. |
| width | Rahmenbreite | Auto, Prozent, num. Wert |
| height | Rahmenhöhe | Auto, Prozent, num. Wert |