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