CSS border-top-right-radius 属性

Pagsasaayos at Paggamit

Ang katangian ng border-top-right-radius ay nagtutukoy sa hugis ng kanang ilalim na sulok ng border.

Mga payo:Ang katangian na ito ay nagbibigay-daan sa iyo na magdagdag ng malambot na border sa elemento.

Mga ibang pangkatilingan:

Tuturuan ng CSS3:CSS3 边框

Sample

Magdagdag ng malambot na border sa kanang itaas na sulok ng div element.

div
{
border:2px solid;
border-top-right-radius:2em;
}

Subukan ang iyong sarili

Grammar ng CSS

border-top-right-radius: length|% [length|%];

Komento:Ang halaga ng sukat at porsiyento ng border-top-right-radius katangian ay naglalarawan ng dalawang radyi ng bahagi ng lupon (na naglalarawan ng hugis ng sulok ng labi ng panig ng panig ng labi ng labi) na naglalagay ng radyi (radii). Ang una ay ang radyi ng pagitan, ang ikalawa ay ang radyi ng taas. Kung ang ikalawa ay hindi nililipat, ay kopyahin ang una. Kung ang sukat ay wala, ang sulok ay magiging parang kuta, hindi likod. Ang porsiyento ng radyi ng pagitan ay sumasangguni sa lapad ng kahon ng border, at ang porsiyento ng radyi ng taas ay sumasangguni sa taas ng kahon ng border.

Halaga ng Katangian

Halaga Paglalarawan Pagsusuri
length Tinukoy ang hugis ng kanang itaas na sulok ng kanang itaas. Pagsusuri
% Tinukoy ng porsiyento ang hugis ng kanang itaas na sulok ng kanang itaas. Pagsusuri

Detalye ng Teknolohiya

Default Value: 0
Inheritsibility: no
Bersyon: CSS3
Grammar ng JavaScript: object.style.borderTopRightRadius="5px"

Suporta ng Browser

Ang mga numero sa talahanan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian na ito.

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