Style borderTopRightRadius ominaisuus

Määrittely ja käyttö

borderTopRightRadius Ominaisuus määrittää yläoikean kulman reunan muodon.

Vinkki:Tämä ominaisuus mahdollistaa elementin pyöreiden reunojen lisäämisen!

Katso myös:

CSS viittausoppikirja:border-top-right-radius ominaisuus

Esimerkki

Lisää pyöreä kulma div-elementin yläoikeaan kulmaan:

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

Kokeile itse

Syntaksi

Palauta borderTopRightRadius ominaisuus:

object.style.borderTopRightRadius

Aseta borderTopRightRadius ominaisuus:

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

Huomautus:border-top-right-radius ominaisuuden pituusarvo ja prosenttiosuus määrittävät neljänneksen ympyrän säteen (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, toista ensimmäistä arvoa. Jos pituus on nolla, kulma on neliö, ei pyöreä. Horisontaalisen säden prosenttiosuus viittaa reunakuplan leveyteen, ja vertikaalisen säden prosenttiosuus viittaa reunakuplan korkeuteen.

Ominaisuusarvo

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

Tekninen tarkistus

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

Selain tukee

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