Atribute ng Style na borderTopRightRadius

Paglalarawan at paggamit

borderTopRightRadius Ang atribute na ito ay nagtutukoy sa hugis ng kanang itaas na sulok ng gilid.

Paalala:Ang atribute na ito ay nagbibigay dagdag sa elemento ng bulging na gilid.

Mga ibang sanggunian:

Manwal ng CSS:Atribute ng border-top-right-radius

Halimbawa

Magdagdag ng bulging na gilid sa kanang itaas na sulok ng div elemento:

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

Subukan ang iyong sarili

Mga gramatika

I-bunga ang atribute ng borderTopRightRadius:

object.style.borderTopRightRadius

I-set ang atribute ng borderTopRightRadius:

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

Komento:Ang halimbawa ng sukat at porsyento ng atribute ng border-top-right-radius ay naglalarawan ng apatnapung bilog (na naglalarawan ng hugis ng sulok ng labi ng panig ng bawat gilid) na radius. Ang una ay ang horizontal na radius, ang ikalawa ay ang vertical na radius. Kung pinaghiwalay ang ikalawa, ay kopyahin ang una. Kung ang sukat ay wala, ang sulok ay magiging parihaba, hindi likod. Ang porsyento ng horizontal na radius ay tinutukoy ng lapad ng border box, at ang porsyento ng vertical na radius ay tinutukoy ng taas ng border box.

Halimbawa ng atribute

Halimbawa ng bunga Paglalarawan
length Tinitukoy ang hugis ng kanang itaas na sulok.
% Tinitutukoy ng mga porsyento ang hugis ng kanang itaas na sulok.
initial I-set ang atribute na ito sa kanyang default na halimbawa. Mangyaring tingnan ang initial.
inherit Mumunuan ang atribute na ito mula sa magulang na elemento. Mangyaring tingnan ang inherit.

Detalye ng teknolohiya

Default na halimbawa: 0
Halimbawa ng bunga: String, na naglalayong Atribute ng border-top-right-radius.
Versyon ng CSS: CSS3

Browser na suporta

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持