CSS/Eigenschaften/outline

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.
Die von der outline eingenommene Fläche gehört auch nicht zum klickbaren Bereich eines Elements.

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

• CSS/Tutorials/Boxmodell/Rahmen
  • outline

Weblinks

• Spezifikation (W3C): Outline properties
• MDN: outline