CSS outline Eigenschaft

Definition und Verwendung

outline (Kontur) ist eine Linie, die um ein Element gezeichnet wird, die sich außerhalb der Kantenkante befindet und eine hervorhebende Wirkung auf das Element hat.

Anmerkung:Die Konturlinien nehmen keinen Raum ein und sind nicht unbedingt rechteckig.

Die Kurzform der outline-Eigenschaft setzt alle Outline-Eigenschaften in einer Deklaration.

Die folgenden Eigenschaften können in der folgenden Reihenfolge festgelegt werden:

Wenn einer der Werte nicht festgelegt ist, wird dies nicht problematisch sein, z.B. outline:solid #ff0000; ist auch erlaubt.

Weitere Informationen siehe:

CSS-Tutorial:CSS Kontur

HTML DOM Referenzhandbuch:outline-Eigenschaft

Beispiel

Stellen Sie die Stil der 4 Kanten ein:

p
  {
  outline:#00FF00 dotted thick;
  }

Probieren Sie es selbst aus

CSS-Syntax

outline: outline-width outline-style outline-color|initial|inherit;

Eigenschaftswert

Wert Beschreibung
outline-color Bestimmt die Farbe der Kante. Siehe:outline-color möglichen Werten.
outline-style Bestimmt die Art der Kante. Siehe:outline-style möglichen Werten.
outline-width Bestimmt die Breite der Kante. Siehe:outline-width möglichen Werten.
inherit Es wird festgelegt, dass die outline-Eigenschaft der Eltern元件 vererbt werden sollte.

Technische Details

Standardwert: invert none medium
Vererbbarkeit: nein
Version: CSS2
JavaScript-Syntax: object.style.outline="#0000FF dotted thin"

TIY-Beispiel

Um um ein Element eine Linie zu ziehen
Dieses Beispiel zeigt, wie die outline-Eigenschaft verwendet wird, um um ein Element eine Linie zu ziehen.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Anmerkung:Wenn !DOCTYPE festgelegt ist, unterstützt IE8 die outline-Eigenschaft.