Proprietà CSS border-bottom-right-radius

定义和用法

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

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

另请参阅：

CSS3 教程：Bordi CSS3

实例

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

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

亲自试一试

CSS 语法

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

Nota:Il valore della lunghezza e il valore percentuale dell'attributo border-bottom-right-radius definiscono il raggio (radii) di un quarto di ellisse (definisce la forma degli angoli esterni del bordo del riquadro). Il primo valore è il raggio orizzontale, il secondo valore è il raggio verticale. Se si omette il secondo valore, si copia 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 basso a destra. Test
% Definire la forma dell'angolo in basso a destra in percentuale. Test

Dettagli tecnici

Valore predefinito: 0
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.borderBottomRightRadius="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