CSS outline-color egenskab

Definisjon og bruk

outline (kontur) er en linje som tegnes rundt elementet, utenfor kantlinjen, og kan brukes til å fremheve elementet. outline-egenskapen kan sette konturlinjen rundt elementet.

Bemærkninger:Deklarér alltid outline-style-egenskapen før outline-color-egenskapen. Elementet må ha en kontur før fargen på konturen kan endres.

Bemærkninger:Konturlinjen tar ikke plass og trenger ikke nødvendigvis å være rektangulær.

outline-color-egenskapen setter fargen på den synlige delen av elementets hele kontur. Husk at konturstilen ikke kan være none, ellers vil konturen ikke vises.

Se også:

CSS læreplanCSS kontur

CSS referansehåndbok:outline-egenskapen

HTML DOM referansehåndbok:outlineColor-egenskapen

Eksempel

Sette farge på punktlinje-konturen:

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

Prøv det selv

CSS syntaks

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

Egenskapsverdi

Verdi Beskrivelse
color_name Definer konturfargen som et farge-navn (f.eks. rød).
hex_number Definer konturfargen som en heksadesimalverdi (f.eks. #ff0000).
rgb_number Definer konturfargen som en rgb-kode (f.eks. rgb(255,0,0)).
omvendt Standard. Utfør fargeomvendelse (omvendt farge). Dette gjør at konturen er synlig mot forskjellige bakgrunnsfarger.
inherit Det bør defineres at konturfargen skal arves fra foreldreelementet.

Tekniske detaljer

Standardverdi: omvendt
Arv: nei
Versjon: CSS2
JavaScript syntaks: object.style.outlineColor="#0000FF"

Prøv det selv

Sette farge på konturen
Dette eksempelet viser hvordan du setter farge på konturen.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjon som fullt ut støtter denne egenskapen.

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

Bemærkninger:Hvis !DOCTYPE er defineret, understøtter IE8 outline-egenskaben.