CSS outline-style-Eigenschaft

Beispiel

Legen Sie den Outline-Stil fest:

p
{
outline-style:dotted;
}

Selbst ausprobieren »

Weitere Beispiele unten auf dieser Seite.

Eigenschaftsdefinition und Verwendungshinweise

Outline (Kontur) ist eine um ein Element gezogene Linie, die außerhalb der border-Kante liegt.

Die Eigenschaft outline-style legt den Stil der Kontur fest.

Standardwert:	none
Vererbt:	nein
Version:	CSS2
JavaScript-Syntax:	object.style.outlineStyle="dotted"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.

Eigenschaft
outline-style	1.0	8.0	1.5	1.2	7.0

Tipps und Hinweise

Die Kontur wird um das Element herum gezeichnet. Sie umschließt den Außenabstand des Elements. Sie ist jedoch eine andere Eigenschaft als die border-Eigenschaft.

Die Kontur ist nicht Teil der Abmessungen des Elements, daher enthalten die Eigenschaften width und height des Elements nicht die Breite der Kontur.

Eigenschaftswert

Wert	Beschreibung
none	Standard. Definiert keine Kontur.
dotted	Definiert eine gepunktete Kontur.
dashed	Definiert eine gestrichelte Kontur.
solid	Definiert eine durchgezogene Kontur.
double	Definiert eine doppellinige Kontur. Die Breite der Doppellinie entspricht dem Wert von outline-width.
groove	Definiert eine 3D-Kontur mit Rillen. Dieser Effekt hängt vom Wert von outline-color ab.
ridge	Definiert eine 3D-Kontur mit Graten. Dieser Effekt hängt vom Wert von outline-color ab.
inset	Definiert eine 3D-Kontur im eingelassenen Stil. Dieser Effekt hängt vom Wert von outline-color ab.
outset	Definiert eine 3D-Outset-Kontur. Dieser Effekt hängt vom Wert von outline-color ab.
inherit	Gibt an, dass die Einstellungen für den Kontur-Stil vom übergeordneten Element geerbt werden sollen.

Weitere Beispiele

Dieses Beispiel zeigt, wie der Kontur-Stil festgelegt wird.

CSS Eigenschaft