Стиль borderRadius Свойство
Пример
Добавьте закругленные границы к элементу div:
document.getElementById("myDIV").style.borderRadius = "25px";
Определение и использование
Свойство borderRadius — это сокращенное свойство для установки или возврата четырех свойств borderRadius.
Четыре свойства радиуса границы (в указанном порядке):
границаСверхуСлеваГраница
радиусаСверхуСправа Граница
радиусаСнизуСправа Граница
радиусаСнизуСлеваРадиус
Совет: это свойство позволяет добавлять к элементам закругленные углы!
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Синтаксис
Верните свойство borderRadius:
object.style.borderRadius
Установите свойство borderRadius:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Примечание . Четыре значения для каждого радиуса даны в следующем порядке: верхний левый, верхний правый, нижний правый, нижний левый. Если нижний левый опущен, он совпадает с верхним правым. Если нижний правый опущен, он совпадает с верхним левым. Если верхний правый опущен, это то же самое, что и верхний левый.
Значения свойств
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners 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-radius элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство border-radius