Beispiel
Fügen Sie einen "solid" Umriss um ein <div> Element:
document.getElementById("myDiv").style.outlineStyle = "solid"; Versuch es selber " Definition und Verwendung
Die outlineStyle Eigenschaftssätze oder gibt den Stil des Umrisses um ein Element.
Ein Entwurf ist eine Linie, um ein Element. Es wird um den Rand des Elements angezeigt. Allerdings unterscheidet es sich von der Grenze Eigenschaft.
Der Umriss ist nicht ein Teil der Abmessungen des Elements, also die Breite und Höhe des Elements Eigenschaften enthalten nicht die Breite des Umrisses.
Browser-Unterstützung
Die outlineStyle Eigenschaft wird in allen gängigen Browsern unterstützt.
Note: Die outlineStyle Eigenschaft wird in IE7 und früher nicht unterstützt. IE8 erfordert eine DOCTYPE!. IE9 und später unterstützen.
Syntax
Bringen Sie die outlineStyle Eigenschaft:
object .style.outlineStyle
Stellen Sie die outlineStyle Eigenschaft:
object .style.outlineStyle= value Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| none | Definiert keine Kontur. Dies ist die Standardeinstellung |
| hidden | Der Umriss wird ausgeschaltet |
| dotted | Definiert einen gepunkteten Umriss |
| dashed | Definiert eine gestrichelte Kontur |
| solid | Definiert einen festen Umriss |
| double | Definiert eine doppelte Kontur |
| groove | Definiert eine 3D gerillten Kontur. Die Wirkung ist abhängig von der Kontur-Farbwert |
| ridge | Definiert eine 3D geriffelte Kontur. Die Wirkung ist abhängig von der Kontur-Farbwert |
| inset | Definiert einen 3D-Einschub Umriss. Die Wirkung ist abhängig von der Kontur-Farbwert |
| outset | Definiert eine 3D Anfang Kontur. Die Wirkung ist abhängig von der Kontur-Farbwert |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | keiner |
|---|---|
| Rückgabewert: | Ein String, die den Stil eines Umrisses des Elements |
| CSS Version | CSS2 |
Mehr Beispiele
Beispiel
Ändern Sie den Umriss Stil eines <div> Element:
document.getElementById("myDiv").style.outlineStyle = "solid";
Versuch es selber " Beispiel
Bringen Sie den Umriss Stil eines <div> Element:
alert(document.getElementById("myDiv").style.outlineStyle); Versuch es selber " Beispiel
Eine Demonstration aller unterschiedlichen Werte:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Überblick
CSS - Referenz: outline-style property - outline-style property
HTML - DOM - Referenz: outline property
<Style - Objekt