border-top-left-radius
Оновлено: 21.12.2022
border-top-left-radius
Встановлює радіус заокруглення лівого верхнього куточка рамки. Якщо рамка не задана, то заокруглення також відбувається і з фоном.
Коротка інформація
| Значення за замовчуванням | 0 |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
border-top-left-radius: [<розмір> | <відсотки>] [<розмір> | <відсотки>]
Значення
Як радіус вказується будь-яке припустиме в CSS значення (px, cm, in, em та ін.), а також відсотки, у цьому разі радіус заокруглення рахується від ширини блоку.
Необов'язкове друге значення призначене для створення еліптичного куточка, перше значення при цьому встановлює радіус по горизонталі, а друге - радіус по вертикалі (рис. 1).
Приклад
Об'єктна модель
Об'єкт.style.borderTopLeftRadius
Примітка
Firefox до версії 4 використовує властивість -moz-border-radius-topleft.
Chrome до версії 4, Safari до версії 5 і Android до версії 2.1 використовують властивість -webkit-border-top-left-radius.