Свойство Style borderTopRightRadius

Определение и использование

borderTopRightRadius Этот атрибут определяет форму верхнего правого края рамки.

Совет:Этот атрибут позволяет добавить закругленные края для элемента!

См. также:

Руководство по CSS:свойство border-top-right-radius

Пример

Добавить закругленный край в правом верхнем углу элемента div:

document.getElementById("myDIV").style.borderTopRightRadius = "25px";

Попробуйте сами

Синтаксис

Возврат свойства borderTopRightRadius:

объект.style.borderTopRightRadius

Установка свойства borderTopRightRadius:

объект.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"

Комментарий:Значение и процентное значение свойства border-top-right-radius определяют радиус четверти эллипса (определяет форму угла внешнего края рамки). Первый параметр - горизонтальный радиус, второй параметр - вертикальный радиус. Если второй параметр опущен, то используется первый параметр. Если длина равна нулю, то угол будет квадратным, а не круговым. Процентное значение горизонтального радиуса указывает на ширину рамки, а процентное значение вертикального радиуса указывает на высоту рамки.

Значение свойства

Значение Описание
length Определение формы верхнего правого угла.
% Определение формы верхнего правого угла в процентах.
initial Установите это свойство в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

по умолчанию: 0
Возвратное значение: строка, представляющая свойство border-top-right-radius.
Версия CSS: CSS3

поддержка браузера

Хром Edge Firefox Safari Opera
Хром Edge Firefox Safari Opera
Поддержка 9.0 Поддержка Поддержка Поддержка