Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung |
web:css:start [2015/10/15 08:03] – ros | web:css:start [2020/10/13 14:25] (aktuell) – Externe Bearbeitung 127.0.0.1 |
---|
====== CSS-Referenz ====== | ====== CSS-Referenz ====== |
| |
===== Einbindung von CSS-Definitionen ===== | ===== Einbindung in HTML ===== |
| |
==== Direkt in der HTML-Datei ==== | ==== Direkt in der HTML-Datei ==== |
</code> | </code> |
| |
| ===== Hintergrund ===== |
===== Schrift ===== | |
| |
^ Eigenschaft ^ Bedeutung ^ Mögliche Werte ^ | ^ Eigenschaft ^ Bedeutung ^ Mögliche Werte ^ |
| ''background-size'' | Grösse des Hintergrundbildes | [[size|Grösse]], ''cover'' | | | ''background-size'' | Grösse des Hintergrundbildes | [[size|Grösse]], ''cover'' | |
| ''background-attachment'' | Scrolling der Hintergrundbildes | ''scroll'', ''fixed'' | | | ''background-attachment'' | Scrolling der Hintergrundbildes | ''scroll'', ''fixed'' | |
| |
| ===== Rahmen ===== |
| |
| ^ Eigenschaft ^ Bedeutung ^ Mögliche Werte ^ |
| ''border-color'' | Rahmenfarbe | [[color|Farbe]] | | | ''border-color'' | Rahmenfarbe | [[color|Farbe]] | |
| ''border-style'' | Rahmenart | ''none'', [[border-style|Rahmenart]] | | | ''border-style'' | Rahmenart | ''none'', [[border-style|Rahmenart]] | |
| ''border-top-style'' | Rahmenart oben | ''none'', [[border-style|Rahmenart]] | | | ''border-top-style'' | Rahmenart oben | ''none'', [[border-style|Rahmenart]] | |
| ''border-top-width'' | Rahmendicke oben | [[size|Grösse]] | | | ''border-top-width'' | Rahmendicke oben | [[size|Grösse]] | |
| ''bottom'' | Positionierung | [[size|Grösse]] | | |
| ''color'' | Schriftfarbe | [[color|Farbe]] | | |
| ''font-family'' | Schriftart | [[font-family|Schriftarten]] | | |
| ''font-variant'' | Kapitälchen | ''normal'', ''small-caps'' | | |
| ''font-style'' | Kursivschrift | ''normal'', ''italic'' | | |
| ''font-size'' | Grösse der Schrift | [[font-size|Schriftgrösse]] | | |
| ''font-weight'' | Dicke und Stärke der Schrift | ''normal'', ''bold'', ''bolder'', ''lighter'' | | |
| ''left'' | Positionierung | [[size|Grösse]] | | |
| ''margin'' | Aussenabstand | [[size|Grösse]] | | | ''margin'' | Aussenabstand | [[size|Grösse]] | |
| ''margin-bottom'' | Aussenabstand unten | [[size|Grösse]] | | | ''margin-bottom'' | Aussenabstand unten | [[size|Grösse]] | |
| ''padding-right'' | Innenabstand rechts | [[size|Grösse]] | | | ''padding-right'' | Innenabstand rechts | [[size|Grösse]] | |
| ''padding-top'' | Innenabstand oben | [[size|Grösse]] | | | ''padding-top'' | Innenabstand oben | [[size|Grösse]] | |
| |
| ===== Positionierung ===== |
| |
| | ''bottom'' | Positionierung | [[size|Grösse]] | |
| | ''left'' | Positionierung | [[size|Grösse]] | |
| ''right'' | Positionierung | [[size|Grösse]] | | | ''right'' | Positionierung | [[size|Grösse]] | |
| ''top'' | Positionierung | [[size|Grösse]] | | | ''top'' | Positionierung | [[size|Grösse]] | |
| ''position'' | Positionierung | ''static'', ''fixed'', ''relative'', ''absolute'' | | | ''position'' | Positionierung | ''static'', ''fixed'', ''relative'', ''absolute'' | |
| |
| ===== Schrift ===== |
| |
| | ''color'' | Schriftfarbe | [[color|Farbe]] | |
| | ''font-family'' | Schriftart | [[font-family|Schriftarten]] | |
| | ''font-variant'' | Kapitälchen | ''normal'', ''small-caps'' | |
| | ''font-style'' | Kursivschrift | ''normal'', ''italic'' | |
| | ''font-size'' | Grösse der Schrift | [[font-size|Schriftgrösse]] | |
| | ''font-weight'' | Dicke und Stärke der Schrift | ''normal'', ''bold'', ''bolder'', ''lighter'' | |
| ''text-align'' | Textausrichtung | ''left'', ''right'', ''center'', ''justify'' | | | ''text-align'' | Textausrichtung | ''left'', ''right'', ''center'', ''justify'' | |
| ''text-decoration'' | Text über-, durch- oder unterstrichen | ''overstrike'', ''strike-through'', ''underline'', ''none'' | | | ''text-decoration'' | Text über-, durch- oder unterstrichen | ''overstrike'', ''strike-through'', ''underline'', ''none'' | |
| |
| |