CSS outline-width ominaisuus
- edellinen sivu outline-style
- Seuraava sivu overflow
Määrittely ja käyttö
outline-width-ominaisuus asettaa elementin koko reunan leveyden, mutta vain silloin, kun reunan tyyli ei ole none. Jos tyyli on none, leveys asetetaan todellisuudessa 0:een. Negatiivisia pituusarvoja ei sallita.
Reunaviiva on viiva, joka piirretään elementin ympärillä, sijaitsee reunan reunan ulkopuolella ja voi korostaa elementtiä. Reunaviiva-ominaisuus asettaa elementin ympärillä olevan reunaviivan.
Huomautus:Ilmoita aina ensin outline-style-ominaisuus outline-width-ominaisuuksessa ennen kuin muutat reunan väriä. Elementti voi muuttaa reunansa väriä vain sen jälkeen, kun se on saanut reunan.
Huomautus:Reunaviiva ei vie tilaa eikä välttämättä ole suorakulmainen.
Katso myös:
CSS-opas:CSS reunat
CSS -viittausopas:outline-ominaisuus
HTML DOM -viittausopas:outlineWidth-ominaisuus
CSS-kieli
outline-width: medium|thin|thick|length|initial|inherit;
Ominaisuusarvo
Arvo | Kuvaus |
---|---|
thin | Määrittää ohuen reunan. |
medium | Oletus. Määrittää keskipaksun reunan. |
thick | Määrittää paksun reunan. |
length | Mahdollistaa reunan leveyden arvon määrittämisen. |
inherit | Määritellään, että reunan leveys tulisi perittää vanhemmalta elementiltä. |
Tekninen yksityiskohta
Oletusarvo: | medium |
---|---|
Perinnäisyys: | ei |
Versio: | CSS2 |
JavaScript-kieli: | object.style.outlineWidth="thin" |
TIY-esimerkki
- Aseta reunan leveys
- Tämä esimerkki näyttää, miten voit asettaa reunan leveyden.
Selaimen tuki
Taulukossa olevat numerot mainitsevat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Huomautus:Jos on määritelty !DOCTYPE, IE8 tukee outline-ominaisuutta.
- edellinen sivu outline-style
- Seuraava sivu overflow