Informatikunterricht

am Gymnasium Kirchenfeld

Benutzer-Werkzeuge

Webseiten-Werkzeuge


web:css:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
web:css:start [2015/10/15 08:03] rosweb:css:start [2020/10/13 14:25] (aktuell) – Externe Bearbeitung 127.0.0.1
Zeile 1: Zeile 1:
 ====== CSS-Referenz ====== ====== CSS-Referenz ======
  
-===== Einbindung von CSS-Definitionen =====+===== Einbindung in HTML =====
  
 ==== Direkt in der HTML-Datei ==== ==== Direkt in der HTML-Datei ====
Zeile 45: Zeile 45:
 </code> </code>
  
- +===== Hintergrund =====
-===== Schrift =====+
  
 ^ Eigenschaft ^ Bedeutung ^ Mögliche Werte ^ ^ Eigenschaft ^ Bedeutung ^ Mögliche Werte ^
Zeile 55: Zeile 54:
 | ''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]] |
Zeile 70: Zeile 73:
 | ''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]] |
Zeile 88: Zeile 83:
 | ''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'' |
  
  
web/css/start.1444888982.txt.gz · Zuletzt geändert: 2020/10/13 14:25 (Externe Bearbeitung)