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