border-top-right-radius
Поддержка браузерами
| 12.0+ | 9.0+ | 4.0+ | 5.0+ | 10.5+ | 5.0+ |
Описание
Свойство border-top-right-radius позволяет сделать верхний правый угол элемента скруглённым. При использовании свойства, вместо отрисовки прямоугольного угла элемента как обычно, угол отрисовывается согласно дуге воображаемой окружности.
Свойство также позволяет задать скругление угла ввиде дуги эллипса, а не окружности, для этого задается два значения, разделяемых пробелами. В этом случае первое значение определяет горизонтальный радиус, второе - вертикальный радиус:
border-top-right-radius: 10px 20px;
Примечание: чтобы был виден эффект от применения свойства border-top-right-radius нужно, чтобы для элемента была установлена видимая рамка или фон.
| Значение по умолчанию: | 0 |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.borderTopRightRadius="5px" |
Синтаксис
border-top-right-radius: величина|% [величина|%]|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| величина | Задает форму для верхнего правого угла в единицах измерения CSS. |
| % | Величина радиуса, указанная в процентах, вычисляется в зависимости от общей ширины и высоты элемента. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
border-top-right-radius:
Результат:
CSS Код:
div {
border-top-right-radius: 100px;
}
border-top-right-radius: 100px;
}