Характеристики свойства
В каких браузерах работает?
9.0+ | 1.0+ | 10.5+ | 3.0+ | 1.0+ | 2.1+ | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | - | - | + |
Для чего используется?
Устанавливает скругления для определенных углов блока. В данном случае скругление будет происходить у нижнего левого угла. Глубина скругления зависит от указанного значения радиуса окружности. Возможен вариант, когда скругление идет по дуге эллипса. В этом случае указывают два радиуса. Свойство имеет возможность скруглять рамки (border).
Как правильно задавать?
border-bottom-left-radius: величина радиуса скругления;
Какие могут быть значения?
В качестве значений используются числа, которые соответствуют радиусу скругления в пикселях. Скругление формируется или параметрами окружностями, или элипса. Если скругление задается через элипс, то в значении указывается два его радиуса, разделенных слешем.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство border-bottom-left-radius</title> <style> .border { border: 4px double #b8b8b8; background: #b04d4d; color:#eee; text-align:center; padding: 15px; border-bottom-left-radius:15px; } p { padding:5px 0px; } </style> </head> <body> <div class="border"> <p>Текст, который будет заключен в специальную рамку для наглядности примера.</p> </div> </body> </html>
По итогу получаем
Тип CSS свойства:
Скругление углов