Свойство Style borderTopRightRadius
- Предыдущая страница borderTopLeftRadius
- Следующая страница borderTopStyle
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
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 | Поддержка | Поддержка | Поддержка |
- Предыдущая страница borderTopLeftRadius
- Следующая страница borderTopStyle
- Вернуться на один уровень выше Объект Style HTML DOM