CSS outline-width Property
Voorbeeld
Stel de breedte van een omtrek in:
div {outline-width: thick;}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Een omtrek is een lijn die om elementen wordt getrokken, buiten de grenzen, om het element "op te laten vallen".
De outline-width
specificeert de breedte van een omtrek.
Opmerking: Declareer de eigenschap outline-stijl altijd vóór de
outline-width
eigenschap. Een element moet een omtrek hebben voordat u de breedte ervan kunt wijzigen.
Standaardwaarde: | medium |
---|---|
geërfd: | Nee |
Animeerbaar: | ja, zie individuele eigenschappen . Lees over animeren |
Versie: | CSS2 |
JavaScript-syntaxis: | object .style.outlineWidth="12px" |
Tips en opmerkingen
Let op: Omtreklijnen verschillen van randen ! In tegenstelling tot de rand wordt de omtreklijn buiten de rand van het element getekend en kan deze andere inhoud overlappen. Ook maakt de omtrek GEEN deel uit van de afmetingen van het element; de totale breedte en hoogte van het element wordt niet beïnvloed door de breedte van de omtrek.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS-syntaxis
outline-width: medium|thin|thick|length|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Meer voorbeelden
Voorbeeld
Stel de breedte van de omtrek in op medium (dit is standaard):
div {outline-width: medium;}
Voorbeeld
Stel de breedte van de omtrek in op dun:
div {outline-width: thin;}
Voorbeeld
Stel de breedte van de omtrek in op 1px:
div {outline-width: 1px;}
Voorbeeld
Stel de breedte van de omtrek in op 15px:
div {outline-width: 15px;}
Gerelateerde pagina's
CSS-zelfstudie: CSS-overzicht
CSS-referentie: overzichtseigenschap
HTML DOM-referentie: eigenschap outlineWidth