Stil outlineStyle- Eigenschaft
Beispiel
Fügen Sie einen "durchgezogenen" Umriss um ein <div>-Element hinzu:
document.getElementById("myDiv").style.outlineStyle = "solid";
Definition und Verwendung
Die Eigenschaft outlineStyle legt den Stil des Umrisses um ein Element fest oder gibt ihn zurück.
Ein Umriss ist eine Linie um ein Element herum. Es wird um den Rand des Elements herum angezeigt. Es unterscheidet sich jedoch von der Grenzeigenschaft.
Der Umriss ist kein Teil der Abmessungen des Elements, daher enthalten die Breiten- und Höheneigenschaften des Elements nicht die Breite des Umrisses.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft outlineStyle zurück:
object.style.outlineStyle
Legen Sie die outlineStyle-Eigenschaft fest:
object.style.outlineStyle = value
Eigenschaftswerte
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines a 3D outset outline. The effect depends on the outline-color value |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, der den Stil des Umrisses eines Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Umrissstil eines <div>-Elements ändern:
document.getElementById("myDiv").style.outlineStyle = "solid";
Beispiel
Gibt den Gliederungsstil eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.outlineStyle);
Beispiel
Eine Demonstration all der verschiedenen Werte:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Verwandte Seiten
CSS-Tutorial: CSS-Gliederung
CSS-Referenz: outline-style-Eigenschaft
HTML-DOM-Referenz: Umrisseigenschaft
❮ Style-Objekt