CSS border-top-left-radius ominaisuus

Määrittely ja käyttö

border-top-left-radius ominaisuus määrittää vasemman yläkulman reunaviivan muodon.

Vinkki:Tämä ominaisuus mahdollistaa elementtiin lisäämisen pyöreät reunaviivat.

Katso myös:

CSS3-opas:CSS3 reunat

Esimerkki

Lisää pyöreä reunaviiva div-elementin vasempaan yläkulmaan:

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

Kokeile itse

CSS-kieli

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

Huomautus:border-top-left-radius ominaisuuden pituusarvo ja prosenttiosuus määrittävät neljänneksen ympyrän säteet (määrittää ulkoisen reunan kulman muodon). Ensimmäinen arvo on horisontaalinen säde, toinen arvo on pystysuuntainen säde. Jos toista arvoa ei mainita, toistetaan ensimmäinen arvo. Jos pituus on nolla, kulma on neliömäinen eikä pyöreä. Horisontaalisen säteen prosenttiosuus viittaa reunapalkin leveyteen, ja pystysuuntaisen säteen prosenttiosuus viittaa reunapalkin korkeuteen.

Ominaisuusarvo

Arvo Kuvaus Testi
length Määritellään vasemman alan kulman muoto. Testi
% Määritellään vasemman alan kulman muoto prosenttiosuudella. Testi

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS3
JavaScript-kieli: object.style.borderTopLeftRadius="5px"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen versio, joka tukee kyseistä 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