Свойство border-top-right-radius CSS

定义和用法

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

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

另请参阅：

CSS3 教程：Края CSS3

实例

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

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

亲自试一试

CSS 语法

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

Примечание:Значение длины и процента атрибута border-top-right-radius определяет радиус четвертиellipsis (определяет форму углов внешнего края рамки) для четвертиellipses (определяет форму углов внешнего края рамки). Первый показатель - горизонтальный радиус, а второй - вертикальный радиус. Если пропущен второй показатель, то он копируется из первого. Если длина равна нулю, то угол будет квадратным, а не круговым. Процентные значения горизонтального радиуса указывают на ширину рамки, а проценты вертикального радиуса указывают на высоту рамки.

Значение атрибута

Значение Описание Тестирование
length Определяет форму верхнего правого угла. Тестирование
% Определяет форму верхнего правого угла в процентах. Тестирование

Технические детали

Значение по умолчанию: 0
Инерция: нет
Версия: CSS3
JavaScript синтаксис: object.style.borderTopRightRadius="5px"

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

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