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