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 |
| Außenabstand/Innenabstand (Box) | ||
| padding | Kurzschreibweise für Innenabstand bei Box-Mmodell | numerischer Wert in px oder relative Angaben |
| margin | Kurzschreibweise für Außenabstand bei Box-Mmodell | numerischer Wert in px mm oder cm oder relative Angaben |
| margin-left | absoluter Abstand zum Seitenrand links | numerischer Wert in px mm oder cm oder relative Angaben |
| margin-right | absoluter Abstand zum Seitenrand rechts | numerischer Wert in px mm oder cm oder relative Angaben |
| margin-bottom | absoluter Abstand zum Seitenrand unten | numerischer Wert in px mm oder cm oder relative Angaben |
| margin-top | absoluter Abstand zum Seitenrand oben | numerischer Wert in px mm oder cm oder relative Angaben |
| 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 |
Weiterempfehlen • Social Bookmarks • Vielen Dank
Wenn Sie einen Fehler finden, bitte mitteilen (egal ob Schreibfehler oder inhaltlicher Fehler).
Mit Maus fehlerhafte Stelle markieren und übernehmen mit folgendem Button:
Nach Absenden kommt hier Feedback! Bitte nicht doppelt absenden. Danke.