CSS3 border-bottom-left-radiusСвойство

Пример

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

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

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

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

Числа, стоящие непосредственно перед -webkit-, -ms- или -moz-, — это номера первых версий браузеров, поддерживающих свойство с префиксом.

Свойство
border-radius	9.0	5.0 4.0 -webkit-	4.0 3.0 -moz-	5.0 3.1 -webkit-	10.5

Определение свойства и инструкции по использованию

Свойство border-bottom-left-radius задает форму границы нижнего левого угла.

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

Значение по умолчанию:	0
Наследуется:	нет
версия:	CSS3
Синтаксис JavaScript:	объект object.style.borderBottomRightRadius="5px"

Синтаксис

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

Примечание:Примечание: Если вы задаете два значения, первое используется для нижней границы, а второе — для левой границы. Если второе значение опущено, оно копируется из первого значения. Когда одно из значений равно 0, скругленный угол не будет установлен, и этот угол будет отображаться как прямой.

/* 圆形 */
/* border-bottom-left-radius: radius */
border-bottom-left-radius: 3px;

/* 椭圆形 */
/* border-bottom-left-radius: 水平方向 垂直方向 */
border-bottom-left-radius: 0.5em 1em;

border-bottom-left-radius: inherit;

Значение	Описание
length	Определяет форму нижнего правого угла.
%	Используйте % для определения формы нижнего правого угла.

Связанные статьи

Учебник CSS3:Границы CSS3

Другие расширения

CSS свойство