border-top-right-radius

Обновлено: 31.05.2022

border-top-right-radius

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

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

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

Синтаксис

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

Значения

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

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

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

Пример

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

Объект.style.borderTopRightRadius

Примечание

Firefox до версии 4 использует свойство -moz-border-radius-topright.

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

Браузеры

border-top-right-radius

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

border-top-right-radius