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.