border-top-left-radius

Обновлено: 31.05.2022

border-top-left-radius

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

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

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

Синтаксис

border-top-left-radius: [<размер> | <проценты>] [<размер> | <проценты>]

Значения

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

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

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

Пример

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

Объект.style.borderTopLeftRadius

Примечание

Firefox до версии 4 использует свойство -moz-border-radius-topleft.
Chrome до версии 4, Safari до версии 5 и Android до версии 2.1 используют свойство -webkit-border-top-left-radius.

Браузеры

border-top-left-radius

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

border-top-left-radius