border-bottom-left-radius

Обновлено: 15.12.2022

border-bottom-left-radius

Устанавливает радиус скругления левого нижнего уголка рамки. Если рамка не задана, то скругление также происходит и с фоном.

Краткая информация

Значение по умолчанию 0
Наследуется Нет
Применяется Ко всем элементам
Анимируется Да

Синтаксис

border-bottom-left-radius: [значение | проценты] [значение | проценты]

Значения

В качестве радиуса указывается любое допустимое в CSS значение (px, cm, in, em и др.), а также проценты, в этом случае радиус скругления считается от ширины блока.

Необязательное второе значение предназначено для создания эллиптического уголка, первое значение при этом устанавливает радиус по горизонтали, а второе — радиус по вертикали (рис. 1).

Рис. 1. Радиус скругления для создания разных типов уголков

Пример

Объектная модель

Объект.style.borderBottomLeftRadius

Примечание

Chrome до версии 4.0, Safari до версии 5.0 и Android до версии 2.1 используют свойство -webkit-border-bottom-left-radius.

Firefox до версии 4.0 использует свойство -moz-border-radius-bottomleft.

Браузеры

border-bottom-left-radius

Посмотреть совместимость на Can I use?

border-bottom-left-radius