CSS/Eigenschaften/outline

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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 und revert
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