Свойство границы стиля TopRightRadius
Пример
Добавьте закругленную рамку в верхний правый угол элемента div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Определение и использование
Свойство borderTopRightRadius определяет форму границы правого верхнего угла.
Совет: это свойство позволяет добавлять к элементам закругленные границы!
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
Синтаксис
Верните свойство borderTopRightRadius:
object.style.borderTopRightRadius
Установите свойство borderTopRightRadius:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
Примечание. Два значения длины или процента свойств border-top-right-radius определяют радиусы четверти эллипса, определяющие форму угла внешнего края границы. Первое значение — горизонтальный радиус, второе — вертикальный радиус. Если второе значение опущено, оно копируется из первого. Если любая длина равна нулю, угол квадратный, а не закругленный. Проценты для горизонтального радиуса относятся к ширине рамки, тогда как проценты для вертикального радиуса относятся к высоте рамки.
Значения свойств
Value | Description |
---|---|
length | Defines the shape of the top-right corner |
% | Defines the shape of the top-right corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | 0 |
---|---|
Возвращаемое значение: | Строка, представляющая свойство border-top-right-radius элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство border-top-right-radius
❮ Объект стиля