CSS border-top-right-radius egenskap

定义和用法

border-top-right-radius 属性定义右下角边框的形状。

提示：该属性允许您向元素添加圆角边框。

另请参阅：

CSS3 教程：CSS3 kanter

实例

向 div 元素的右上角添加圆角边框：

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

亲自试一试

CSS 语法

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

Kommentar:Längden och procentsatsen för border-top-right-radius-egenskapen definierar radien för en kvartsellips (definierar formen på kantens hörn) för att representera radien (radii). Den första värdet är den horisontella radien, den andra värdet är den vertikala radien. Om den andra värdet utskrivs, kopieras det första värdet. Om längden är noll, är kantens hörn runda, inte rektangulära. Procentsatsen för den horisontella radien refererar till bredden på ramen, och procentsatsen för den vertikala radien refererar till höjden på ramen.

Egenskapsvärde

Värde Beskrivning Test
length Definiera formen vid högra övre hörnet. Test
% Definiera formen vid högra övre hörnet med en procentsats. Test

Tekniska detaljer

Standardvärde: 0
Arvsförmåga: nej
Version: CSS3
JavaScript-syntaks: object.style.borderTopRightRadius="5px"

Webbläsarstöd

Tabelens siffror anger den första webbläsare som helt stöder egenskapen.

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