CSS overzicht Eigenschap
Voorbeeld
Zet een omtreklijn rond een <h2>-element en een <div>-element:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
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
eigenschap is een steno-eigenschap voor:
- omtrekbreedte
- outline-stijl (verplicht)
- omtrekkleur
Als omtrekkleur wordt weggelaten, is de toegepaste kleur de kleur van de tekst.
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.
Standaardwaarde: | medium omgekeerde kleur |
---|---|
geërfd: | Nee |
Animeerbaar: | ja, zie individuele eigenschappen . Lees over animeren |
Versie: | CSS2 |
JavaScript-syntaxis: | object .style.outline="#0000FF gestippeld 5px" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS-syntaxis
outline: outline-width outline-style outline-color|initial|inherit;
Eigendomswaarden
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies 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 |
Gerelateerde pagina's
CSS-zelfstudie: CSS-overzicht
HTML DOM-referentie: overzichtseigenschap