Style borderTopLeftRadius ominaisuus

Määrittely ja käyttö

borderTopLeftRadius Asettaa tai palauttaa vasemman yläkulman reunaviivan muodon.

Vinkki:Tämä ominaisuus mahdollistaa elementille pyöristettyjen reunaviivojen lisäämisen!

Katso myös:

CSS viittausopas:border-top-left-radius ominaisuus

Esimerkki

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

document.getElementById("myDIV").style.borderTopLeftRadius = "25px";

Kokeile itse

Syntaksi

Palauta borderTopLeftRadius ominaisuus:

object.style.borderTopLeftRadius

Aseta borderTopLeftRadius ominaisuus:

object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"

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 vertikaalinen säde. Jos toista arvoa ei ole määritelty, se kopioituu ensimmäisestä arvosta. Jos pituus on nolla, kulma on neliömäinen eikä pyöreä. Horisontaalisen säden prosenttiosuus viittaa reunakotelon leveyteen, ja vertikaalisen säden prosenttiosuus viittaa reunakotelon korkeuteen.

Ominaisuusarvo

Arvo Kuvaus
length Määrittää vasemman oikean kulman muodon.
% Määrittää vasemman yläkulman muodon prosenttiosuuden avulla.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Perii tämän ominaisuuden isältään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Palautusarvo: merkkijono, joka ilmaisee elementin border-top-left-radius ominaisuus.
CSS versio: CSS3

Selain tukee

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 9.0 Tuki Tuki Tuki