Style borderRadius ominaisuus

määritelmä ja käyttö

borderRadius ominaisuus on lyhenteenä neljälle borderRadius ominaisuudelle.

Neljä borderRadius ominaisuutta ovat (tässä järjestyksessä):

vinkki:Tämä ominaisuus mahdollistaa elementin pyöristettyjen reunojen lisäämisen!

muut viittaukset:

CSS viittausoppikirja:border-radius ominaisuus

esimerkki

lisää div-elementille pyöristetyt reunat:

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

kokeile itse

syntaksi

palauta borderRadius ominaisuus:

object.style.borderRadius

Aseta borderRadius ominaisuus:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

huomautus:kauden neljä arvoa annetaan vasemmalta ylältä, oikealta ylältä, oikealta alalta ja vasemmalta alalta järjestyksessä. Jos alalaitaa ei mainita, se on sama kuin oikealta ylältä. Jos oikealta alalta ei mainita, se on sama kuin vasemmalta ylältä. Jos oikealta ylältä ei mainita, se on sama kuin vasemmalta ylältä.

ominaisuusarvo

arvo kuvaus
length määrittää kulmien muodon. Oletusarvo on 0.
% prosenttiosuudella määritetään kulmien muoto.
initial aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit perii tämän ominaisuuden isältään. Katso inherit.

tekniset yksityiskohdat

oletusarvo: 0
palautusarvo: merkkijono, joka ilmaisee elementin border-radius ominaisuus.
CSS versioona: CSS3

selaimesuhteet

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
tukee 9.0 tukee tukee tukee