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

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

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

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

См. также:

Урок CSS3:Края CSS3

Пример

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

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

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

CSS синтаксис

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

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

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

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

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

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

Поддержка браузеров

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

Числа с префиксами -webkit- или -moz- представляют собой первую версию, использующую префикс.

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