Атрибут border-bottom-right-radius CSS

Определение и использование

Атрибут border-bottom-right-radius определяет форму правого нижнего угла рамки.

Совет:Этот атрибут позволяет добавить закругленные углы к элементу.

См. также:

Урок CSS3:Рамки CSS3

Пример

Добавляет закругленные углы к правому нижнему углу элемента div:

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

Попробуйте сами

CSS синтаксис

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

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

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

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

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

Значение по умолчанию: 0
Унаследованность: нет
Версия: CSS3
JavaScript синтаксис: object.style.borderBottomRightRadius="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