Stijloverzicht Stijleigenschap _
Voorbeeld
Voeg een "vaste" omtrek toe rond een <div>-element:
document.getElementById("myDiv").style.outlineStyle = "solid";
Definitie en gebruik
Met de eigenschap outlineStyle wordt de stijl van de omtrek rond een element ingesteld of geretourneerd.
Een omtrek is een lijn rond een element. Het wordt weergegeven rond de marge van het element. Het is echter anders dan het grenseigendom.
De omtrek maakt geen deel uit van de afmetingen van het element, daarom bevatten de eigenschappen voor breedte en hoogte van het element niet de breedte van de omtrek.
Browserondersteuning
| Property | |||||
|---|---|---|---|---|---|
| outlineStyle | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap outlineStyle:
object.style.outlineStyle
Stel de eigenschap outlineStyle in:
object.style.outlineStyle = value
Eigendomswaarden
| 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
| Standaardwaarde: | geen |
|---|---|
| Winstwaarde: | Een tekenreeks, die de stijl van de omtrek van een element weergeeft |
| CSS-versie | CSS2 |
Meer voorbeelden
Voorbeeld
Wijzig de omtrekstijl van een <div>-element:
document.getElementById("myDiv").style.outlineStyle = "solid";
Voorbeeld
Retourneer de omtrekstijl van een <div> -element:
alert(document.getElementById("myDiv").style.outlineStyle);
Voorbeeld
Een demonstratie van alle verschillende waarden:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Gerelateerde pagina's
CSS-zelfstudie: CSS-overzicht
CSS -referentie: eigenschap overzichtsstijl
HTML DOM-referentie: overzichtseigenschap
❮ Stijlobject