CSS border-top-right-radius ominaisuus

Määrittely ja käyttö

border-top-right-radius ominaisuus määrittää oikean yläkulman reunan muodon.

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

Katso myös:

CSS3-opas:CSS3 reunat

Esimerkki

Lisää pyöristetyt reunat div-elementin oikeaan yläkulmaan:

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

Kokeile itse

CSS-kieli

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

Huomautus:border-top-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 horisontaalinen säde, toinen arvo on vertikaalinen säde. Jos toista arvoa ei mainita, toimitetaan ensimmäinen arvo. Jos pituus on nolla, kulma on nelikulmainen eikä pyöreä. Horisontaalisen säteen prosenttiosuus viittaa reunapalkin leveyteen, ja vertikaalisen säteen prosenttiosuus viittaa reunapalkin korkeuteen.

Ominaisuusarvo

Arvo Kuvaus Testi
length Määritellään oikean yläkulman muoto. Testi
% Määritellään oikean yläkulman muoto prosenttiosuuden avulla. Testi

Tekninen yksityiskohta

Oletusarvo: 0
Perintä: ei
Versio: CSS3
JavaScript-kieli: object.style.borderTopRightRadius="5px"

Selaimen tuki

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

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