CSS outline-color ominaisuus
- edellinen sivu ylipohja
- Seuraava sivu outline-offset
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; }
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.
- edellinen sivu ylipohja
- Seuraava sivu outline-offset