CSS outline eigenschap

Definitie en gebruik

Outline (contour) is een lijn die wordt getekend om een element heen, buiten de randranden, en kan de functie van het benadrukken van het element uitvoeren.

Opmerking:Contourlijnen nemen geen ruimte in beslag en hoeven niet perse rechthoekig te zijn.

De outline-kortingsproperty stelt alle contour-eigenschappen in in een verklaring.

De volgende eigenschappen kunnen in volgorde worden ingesteld:

Als geen van de waarden wordt ingesteld, is dat geen probleem, bijvoorbeeld outline:solid #ff0000; is ook toegestaan.

Zie ook:

CSS handleiding:CSS contouren

HTML DOM referentiehandleiding:outline-eigenschap

Voorbeeld

Stel de stijl van de 4 randen in:

p
  {
  outline:#00FF00 dotted thick;
  }

Probeer het zelf

CSS syntaxis

outline: outline-width outline-style outline-kleur|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
outline-kleur Stelt de kleur van de rand vast. Zie ook:outline-kleur Mogelijke waarden.
outline-style Stelt het stijl van de rand vast. Zie ook:outline-style Mogelijke waarden.
outline-width Stelt de breedte van de rand vast. Zie ook:outline-width Mogelijke waarden.
inherit Het wordt voorgesteld dat de instelling van de outline-eigenschap van het ouder-element wordt overgenomen.

Technische details

Standaardwaarde: invert none medium
Inherits: nee
Versie: CSS2
JavaScript syntaxis: object.style.outline="#0000FF dotted thin"

TIY voorbeeld

Een lijn om een element te tekenen
Dit voorbeeld demonstreert het gebruik van de outline-eigenschap om een lijn om een element te tekenen.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Opmerking:Als !DOCTYPE is gedefinieerd, ondersteunt IE8 de outline-eigenschap.