English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут CSS border-top-right-radius устанавливает форму закругления «в правом верхнем углу» рамки элемента.
В таблице приведено описание использования и историю версий этого свойства, а также синтаксис использования в скриптах JavaScript.
| Значение по умолчанию: | 0 |
|---|---|
| Подходит для: | Все элементы |
| Наследование: | Нет |
| Анимируемо: | Да.См. также Анимационные свойства. |
| Версия: | Новая функция CSS3 |
| JavaScript синтаксис: | object object.style.borderTopRightRadius="5px" |
Внимание:border-top-right-radius даже если не определен край или его значение установлено в none, этот атрибут делает фоновый элемент закругленным.
Грамматика этого атрибута следующая:
border-top-right-radius: [ length | percentage ]1 or 2 values | initial | inherit
Эта аббревиатура может принимать один или два значения, разделенных одним или двумя пробелами.
Второй размер по выбору определяет вертикальный радиус верхнего правого угла, поэтому форма угла будет четвертью эллипса.
Если пропущен второй размер или он равен второму размеру, форма угла будет четвертью круга. Если任ое значение равно нулю, угол будет квадратом, а не закругленным.
Ниже приведен пример того, как использовать атрибут border-top-right-radius.
div {
border: 2px solid #f08080;
border-top-right-radius: 20px;
}Проверьте,›/›В таблице ниже описаны значения этого атрибута.
| Значение | Описание |
|---|---|
| length | В значениях длины px, pt, cm, em и т.д., но не допускаются отрицательные значения. |
| percentage | Размер радиуса в процентах. В случае двух значений, первый расчет百分比 относительно ширины рамки элемента (т.е. горизонтальный радиус), а второй расчет百分比 относительно высоты рамки элемента (т.е. вертикальный радиус). Запрещены отрицательные значения. |
| initial | Установить этот атрибут в его значение по умолчанию. |
| inherit | Если указан, то связанный элемент принимает значение атрибута border-top-right-radius родительского элемента. |
Совместимость браузеров для атрибута border-top-right-radius; числа в таблице представляют собой минимальную версию браузера, поддерживающего этот атрибут; этот атрибут поддерживается всеми основными браузерами.
|
См. также учебник:CSS Border,CSS3 Border.
Связанные атрибуты:border-radius,border-bottom-left-radius,border-bottom-right-radius,border-top-left-radius.