Stijloverzicht Eigenschap _
Voorbeeld
Voeg een omtrek toe rond een <div>-element:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Definitie en gebruik
De eigenschap omtrek stelt alle eigenschappen van het overzicht in of retourneert deze in een verkorte vorm.
Met deze eigenschap kunt u een of meer van de volgende zaken instellen/retourneren (in willekeurige volgorde):
- omtrekbreedte
- schets-stijl
- omtrekkleur
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 | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap outline:
object.style.outline
Stel de eigenschap omtrek in:
object.style.outline = "width style color|initial|inherit"
Eigendomswaarden
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
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: | gemiddeld geen invert |
---|---|
Winstwaarde: | Een tekenreeks, die de omtrekbreedte, stijl en/of kleur van een element weergeeft |
CSS-versie | CSS2 |
Meer voorbeelden
Voorbeeld
Wijzig de breedte, stijl en kleur van de omtrek van een <div>-element:
document.getElementById("myDiv").style.outline = "5px dotted green";
Voorbeeld
Retourneer de overzichtseigenschapswaarden van een <div> -element:
alert(document.getElementById("myDiv").style.outline);
Gerelateerde pagina's
CSS-zelfstudie: CSS-overzicht
CSS-referentie: overzichtseigenschap
❮ Stijlobject