Stileigenschaft outlineStyle

Definition und Verwendung

outlineStyle Die Eigenschaft stellt ein oder gibt die Stilgestaltung des Umrisses um das Element zurück.

Der Umriss ist eine Linie, die um das Element führt. Er wird um den Außenabstand des Elements angezeigt. Allerdings unterscheidet er sich von den Rahmeneigenschaften.

Der Umriss ist nicht Teil der Elementgröße, daher enthalten die Breite und Höhe des Elements nicht die Breite des Umrisses.

Bitte beachten Sie:

Weitere Informationen siehe:CSS-Kontur

CSS Tutorial:CSS Referenzhandbuch:

outline-style-EigenschaftHTML DOM Referenzhandbuch:

outline-Eigenschaft

Beispiel

Beispiel 1

Ändern Sie den Umrissstil des <div>-Elements:

document.getElementById("myDiv").style.outlineStyle = listValue;

Fügen Sie um den <div>-Element einen festen Umriss hinzu:

Beispiel 2

Ändern Sie den Umrissstil des <div>-Elements:

document.getElementById("myDiv").style.outlineStyle = listValue;

document.getElementById("myDiv").style.outlineStyle = "solid";

Beispiel 3

Rückgabe des Umrissstils des <div>-Elements:

document.getElementById("myDiv").style.outlineStyle = listValue;

alert(document.getElementById("myDiv").style.outlineStyle);

Beispiel 4

Alle verschiedenen Werte werden gezeigt:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

Probieren Sie es selbst aus

Syntax

Setzen Sie die outlineStyle-Eigenschaft:Rückgabe der outlineStyle-Eigenschaft:

.style.outlineStyle

Setzen Sie die outlineStyle-Eigenschaft:object .style.outlineStyle =

value

Attributwert Wert
none Beschreibung
Standard. Definiert keinen Umriss. versteckt
Der Umriss ist geschlossen. dotted
Definiert den gepunkteten Umriss. dashed
Definiert den gepunkteten Umriss. solid
Definiert den durchgehenden Umriss. double Definiert den doppelten Umriss. Die Breite der doppelten Linie entspricht outline-width
Werte. Definiert den 3D-Innenfächerumriss. Definiert den 3D-Innenfächerumriss. Dieser Effekt hängt von outline-color Werte.
ridge Definiert den 3D-Außenfächerumriss. Dieser Effekt hängt von outline-color Werte.
inset Definiert den 3D-Innenrandumriss. Dieser Effekt hängt von outline-color Werte.
outset Definiert den 3D-Außenrandumriss. Dieser Effekt hängt von outline-color Werte.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: none
Rückgabewert: Zeichenkette, die den Stil des Elementumrisses darstellt.
CSS-Version: CSS2

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt Unterstützt Unterstützt Unterstützt Unterstützt