CSS border-bottom-right-radius ominaisuus

Määrittely ja käyttö

border-bottom-right-radius ominaisuus määrittää oikean laidan reunan muodon.

Vinkki:Tämä ominaisuus mahdollistaa elementin pyöristettyjen reunien lisäämisen.

Katso myös:

CSS3 oppitunti:CSS3 reunat

Esimerkki

Lisää pyöristetyt reunat div-elementin oikeaan laidaan:

div
{
border:2px solid;
border-bottom-right-radius:2em;
}

Kokeile itse

CSS syntax

border-bottom-right-radius: length|% [length|%];

Huomautus:border-bottom-right-radius ominaisuuden pituusarvo ja prosenttiosuus määrittävät neljänneksen ympyrän säteet (radii), joka määrittää ulkoisen reunan kulman muodon. Ensimmäinen arvo on vaakasäde, toinen arvo on pystysäde. Jos toista arvoa ei ole määritelty, se kopioidaan ensimmäisestä arvosta. Jos pituus on nolla, kulma on neliönmuotoinen, ei pyöreä. Vaakasäteen prosenttiosuus viittaa reunakuplan leveyteen, ja pystysäteen prosenttiosuus viittaa reunakuplan korkeuteen.

Ominaisuusarvo

Arvo Kuvaus Testi
length Määritä oikean laidan kulman muoto. Testi
% Määritä oikean laidan kulman muoto prosenttiosuuden avulla. Testi

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS3
JavaScript syntax: object.style.borderBottomRightRadius="5px"

Selaimen tuki

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

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5