CSS border-bottom-left-radius ominaisuus

Määrittely ja käyttö

border-bottom-left-radius -ominaisuus määrittää vasemman alan reunaviivan muodon.

Vinkki:Tämä ominaisuus mahdollistaa elementtiin lisäämisen pyöristetyn reunaviivan.

Katso myös:

CSS3-opas:CSS3 reunat

Esimerkki

Lisää pyöristetty reunaviiva div-elementin vasemman alan yläkulmaan:

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

Kokeile itse

CSS-kieli

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

Huomautus:border-bottom-left-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, ensimmäinen arvo kopioidaan. Jos pituus on nolla, kulma on neliömäinen eikä pyöreä. Horisontaalisen säteen prosenttiosuus viittaa reunaleikkauksen leveyteen, ja vertikaalisen säteen prosenttiosuus viittaa reunaleikkauksen korkeuteen.

Ominaisuusarvo

Arvo Kuvaus Testi
length Muotoile vasemman alan yläkulman muoto. Testi
% Muotoile vasemman alan yläkulman muoto prosenttiosuudeksi. Testi

Tekninen yksityiskohta

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

Selaimen tuki

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

Numerot, jotka sisältävät -webkit- tai -moz-, tarkoittavat ensimmäistä versiota, jota etuliite käytetään.

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