Свойство borderTopLeftRadius
Пример style.borderTopLeftRadius
Добавьте закругленную границу в верхний левый угол элемента div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";Попробуйте сами »
Описание borderTopLeftRadius
Свойство borderTopLeftRadius задает или возвращает форму границы верхнего левого угла.
Совет: Это свойство позволяет добавлять к элементам закругленные границы!
Поддержка borderTopLeftRadius
| Свойство | |||||
|---|---|---|---|---|---|
| borderTopLeftRadius | Да | 9.0 | Да | Да | Да |
Синтаксис borderTopLeftRadius
Вернуть свойство borderTopLeftRadius:
object.style.borderTopLeftRadius
Установите свойство borderTopLeftRadius:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Примечание: Два значения длины или процента свойств border-top-left-radius определяют радиусы четверти эллипса, определяющие форму угла внешнего края границы. Первое значение — это горизонтальный радиус, второе — вертикальный радиус. Если второе значение пропущено, оно копируется из первого. Если любая из длин равна нулю, угол квадратный, а не скругленный. Проценты для горизонтального радиуса относятся к ширине рамки, тогда как проценты для вертикального радиуса относятся к высоте рамки.
Значение свойства borderTopLeftRadius
| Значение | Описание |
|---|---|
| length | Определяет форму верхнего левого угла |
| % | Определяет форму верхнего левого угла в % |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderTopLeftRadius
| Значение по умолчанию: | 0 |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство border-top-left-radius элемента. |
| CSS Версия | CSS3 |
Связанные страницы borderTopLeftRadius
CSS Справочник: Свойство border-top-left-radius