CSS outline-color ominaisuus

Määrittely ja käyttö

outline (reuna) on piirretty elementin ympärille oleva viiva, joka sijaitsee reunaviivan ulkopuolella ja voi korostaa elementtiä. outline-ominaisuus voi asettaa elementin ympärillä olevan reunaviivan.

Huomautus:Aseta aina outline-color-ominaisuus ennen outline-style-ominaisuutta. Elementti voi muuttaa reunansa väriä vain, kun se on saanut reunan.

Huomautus:Reunaviivat eivät vie tilaa ja eivät välttämättä ole suorakulmaisia.

outline-color-ominaisuus asettaa elementin koko reunan näkyvän osan värin. Muista, että reunan tyyli ei voi olla none, tai reunaa ei näy.

Lisäksi:

CSS -opas:CSS reunat

CSS -viittausopas:outline-ominaisuus

HTML DOM -viittausopas:outlineColor-ominaisuus

Esimerkki

Aseta pistemäisen reunan väri:

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

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
color_name Määritä reunan väri väri nimellä (esim. red).
hex_number Määritä reunan väri kuusinumeroisella heksadesimaalimerkinnällä (esim. #ff0000).
rgb_number Määritä reunan väri rgb-koodeilla (esim. rgb(255,0,0)).
invert Oletus. Suorita värin inversio (päinvastainen väri). Tämä tekee reunasta näkyvän eri taustavärien taustalla.
inherit Määritetään, että reunan värin asettaminen pitäisi periytyä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: invert
Perinnäisyys: ei
Versio: CSS2
JavaScript-kieli: objekti.style.outlineColor="#0000FF"

Kokeile itse esimerkki

Aseta reunan väri
Tämä esimerkki näyttää, miten voit asettaa reunan värin.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

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

Huomautus:Jos määritetty !DOCTYPE, IE8 tukee ylippohja-ominaisuutta.