Proprietà CSS border-top-right-radius

定义和用法

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

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

另请参阅：

CSS3 教程：Bordi CSS3

实例

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

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

亲自试一试

CSS 语法

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

Nota:Il valore della lunghezza e il valore percentuale dell'attributo border-top-right-radius definiscono il raggio di un quarto di ellisse (definisce la forma degli angoli esterni del bordo). Il primo valore è il raggio orizzontale, il secondo valore è il raggio verticale. Se si omette il secondo valore, viene copiato il primo valore. Se la lunghezza è zero, l'angolo è quadrato, non circolare. Il valore percentuale del raggio orizzontale si riferisce alla larghezza della scatola di bordo, mentre il valore percentuale del raggio verticale si riferisce all'altezza della scatola di bordo.

Valore dell'attributo

Valore Descrizione Test
length Definire la forma dell'angolo in alto a destra. Test
% Definire la forma dell'angolo in alto a destra in percentuale. Test

Dettagli tecnici

Valore predefinito: 0
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.borderTopRightRadius="5px"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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