CSS outline-kleur eigenschap

Definitie en gebruik

Outline (schaduw) is een lijn die wordt getekend omheen van een element, buiten de rand van de rand, en kan dienen om het element te benadrukken. De outline eigenschap kan de schaduw omheen van een element instellen.

Opmerking:Stel de outline-style eigenschap altijd in voordat je de outline-color eigenschap declareert. Een element kan alleen de kleur van zijn schaduw wijzigen nadat het een schaduw heeft verkregen.

Opmerking:De schaduwlijn neemt geen ruimte in beslag en hoeft niet rechthoekig te zijn.

De outline-color eigenschap stelt de kleur van het zichtbare deel van de hele schaduw van een element in. Onthoud dat de schaduwstijl niet none mag zijn, anders zal de schaduw niet verschijnen.

Zie ook:

CSS handleiding:CSS schaduw

CSS referentiemanual:outline eigenschap

HTML DOM referentiemanual:outlineColor eigenschap

Voorbeeld

Stel de kleur van de stippen轮廓 van de schaduw in:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Probeer het zelf

CSS syntaxis

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
color_name Het wordt voorgesteld dat de schaduwkleur een kleurnaam is (bijvoorbeeld red).
hex_number Het wordt voorgesteld dat de schaduwkleur een hexadecimale waarde is (bijvoorbeeld #ff0000).
rgb_number Het wordt voorgesteld dat de schaduwkleur een rgb-code is (bijvoorbeeld rgb(255,0,0)).
invert Standaard. Voer een kleuromkeer uit (omgekeerde kleur). Dit maakt de schaduw zichtbaar op verschillende achtergrondkleuren.
inherit Het wordt voorgesteld dat de instelling van de schaduwkleur van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: invert
Inheritantie: nee
Versie: CSS2
JavaScript syntaxis: object.style.outlineColor="#0000FF"

TIY voorbeeld

Schaduwkleur instellen
Dit voorbeeld demonstreert hoe je de kleur van de schaduw kunt instellen.

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.