CSS/Eigenschaften/outline
Aus SELFHTML-Wiki
< CSS | Eigenschaften(Weitergeleitet von Außenlinie)
Die Eigenschaft outline bestimmt alle 4 Außenlinien eines Elements. Im Unterschied zu border wird die outline nicht als Teil des Box-Modells zur Elementgröße hinzugerechnet, sondern als letzter Schritt „draufgemalt“, ohne Platz wegzunehmen.
- Erlaubte Werte
- 1 - 3 Angaben zu Außenliniendicke, -stil und -farbe
- Vererbung steuernde Werte
inherit
,initial
,unset
undrevert
- Standardwert
siehe Einzeleigenschaften
- anwendbar auf
alle Elemente
- Vererbung
nein
- animierbar
ja
Beispiel
Außenlinien (und Rahmen)
ansehen …
p { width: 30em; padding: 1em; margin: 3em; background-color: lightgrey; }
.outline { outline: 1em solid green; }
.border { border: 1em solid red; border-radius: 1em; }
Beachten Sie: Angaben für einzelne Seiten des Elements sind nicht möglich.
Empfehlung: Notieren Sie Angaben zu Linienstärke, Typ und Farbe mit Leerzeichen dazwischen. Die Reihenfolge der Angaben ist egal. Es dürfen dabei auch nur eine oder zwei Angaben gemacht werden. Bei fehlender Farbangabe ist die Voreinstellung die Textfarbe des Elements, bei fehlender Rahmenstärke ist die Voreinstellung
medium
.Siehe auch
Weblinks
- Spezifikation (W3C): Outline properties
- MDN: outline
Liste der CSS-Eigenschaften