параметр Style borderTopLeftRadius
- Предыдущая страница borderTopColor
- Следующая страница borderTopRightRadius
- Вернуться на один уровень вверх Объект Style HTML DOM
определение и использование
borderTopLeftRadius
параметр установки или возврата формы верхнего левого угла рамки.
Совет:Этот параметр позволяет вам добавить закругленные углы к элементу!
еще см.:
руководство по CSS:параметр border-top-left-radius
пример
добавить закругленные углы в верхнем левом углу элемента div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
грамматика
возврат параметра borderTopLeftRadius:
объект.style.borderTopLeftRadius
установить параметр borderTopLeftRadius:
объект.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Комментарий:длина параметра border-top-left-radius и значение процента определяют радиус четверти эллипса (определяет форму углов внешнего края рамки). Первый параметр - горизонтальный радиус, второй параметр - вертикальный радиус. Если второй параметр опущен, то используется первый параметр. Если длина равна нулю, то угол будет квадратным, а не круглым. Процентное значение горизонтального радиуса ссылается на ширину рамки, а процентное значение вертикального радиуса ссылается на высоту рамки.
значение параметра
значение | описание |
---|---|
length | определяет форму верхнего левого угла. |
% | определяет форму нижнего левого угла с помощью процента. |
initial | установите этот параметр в его значение по умолчанию. См. initial. |
inherit | переопределяет этот параметр у его родительского элемента. См. inherit. |
технические детали
по умолчанию: | 0 |
---|---|
возвратное значение: | строка, представляющая параметр border-top-left-radius. |
версия CSS: | CSS3 |
браузер поддерживает
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Поддержка | 9.0 | Поддержка | Поддержка | Поддержка |
- Предыдущая страница borderTopColor
- Следующая страница borderTopRightRadius
- Вернуться на один уровень вверх Объект Style HTML DOM