CSS omlijstingsbreedte eigenschap

Definitie en gebruik

De eigenschap outline-width stelt de breedte van de hele contour van het element in, deze breedte werkt alleen als het stijltype niet none is. Als het stijltype none is, wordt de breedte feitelijk op 0 ingesteld. Negatieve lengtes zijn niet toegestaan.

outline (contour) is een lijn die om het element wordt getekend, buiten de randen van de rand, en kan de functie van het uitlichten van het element uitvoeren. De eigenschap outline stelt de contourlijn om het element in.

Opmerking:Deel altijd de eigenschap outline-style voor de eigenschap outline-width. Een element kan de kleur van de contour alleen wijzigen nadat het een contour heeft verkregen.

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

Zie ook:

CSS handleiding:CSS contour

CSS referentiehandleiding:outline eigenschap

HTML DOM referentiehandleiding:outlineWidth eigenschap

Voorbeeld

Instellen van de kleur van de gestippelde contour:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Probeer het zelf

CSS syntaxis

outline-width: medium|thin|thick|length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
thin Defineert een dunne contour.
medium Standaard. Definieert een gemiddelde contour.
thick Definieert een brede contour.
length Laat je toe om de waarde van de contourbreedte te specificeren.
inherit De instelling van de contourbreedte van de ouder-elementen moet worden gedefinieerd.

Technische details

Standaardwaarde: medium
Inheritabiliteit: nee
Versie: CSS2
JavaScript syntaxis: object.style.outlineWidth="thin"

TIY voorbeeld

Instellen van de breedte van de contouren
Dit voorbeeld toont hoe je de breedte van de contouren instelt.

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.