CSS border-right-width ominaisuus
- edellinen sivu border-right-style
- Seuraava sivu border-spacing
Määrittely ja käyttö
border-right-width ominaisuus asettaa elementin oikean reunan leveyden.
Toimii vain, jos reunan tyyli ei ole none. Jos reunan tyyli on none, reunan leveys asetetaan itse asiassa nollaksi. Negatiivisia pituusarvoja ei sallita.
Huomautus:Aseta aina border-style ominaisuus ennen border-right-width ominaisuutta. Elementti voi muuttaa reunansa leveyttä vain sen jälkeen, kun se on saanut reunan.
Katso myös:
CSS oppaasti:CSS reunat
CSS viittausopas:border-right ominaisuus
HTML DOM viittausopas:borderRightWidth ominaisuus
Esimerkki
Aseta oikean reunan leveys:
p { border-style:solid; border-right-width:15px; }
CSS syntaksi
border-right-width: keskikokoinen|ohut|paksu|length|initial|inherit;
Ominaisuuden arvo
Arvo | Kuvaus |
---|---|
thin | Määrittää ohuen reunan. |
keskikokoinen | Oletusarvo. Määrittää keskikokoisen reunan. |
thick | Määrittää, että oikea reuna on paksu. |
length | Mahdollistaa, että voit mukauttaa oikean reunan leveyttä. |
inherit | Määrittää, että reunan leveys pitäisi periytyä vanhemmalta elementiltä. |
Tekninen yksityiskohta
Oletusarvo: | keskikokoinen |
---|---|
Perintä: | ei |
Versio: | CSS1 |
JavaScript syntaksi: | object.style.borderRightWidth="thick" |
Lisää esimerkkejä
- Aseta oikean reunan leveys
- Tämä esimerkki näyttää, miten voit asettaa oikean reunan leveyden.
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen selaimen versio, joka tukee tätä ominaisuutta täysin.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Huomautus:IE7 ja aikaisemmat selaimet eivät tue arvoa "inherit". IE8 vaatii !DOCTYPE. IE9 tukee "inherit".
- edellinen sivu border-right-style
- Seuraava sivu border-spacing