CSS-свойство border-bottom-right-radius устанавливает округлую форму для нижнего правого угла элемента.

Значение по умолчанию: 0
Применяется к: Все элементы
Наследование: Нет
Анимирование: Да. Анимируемые свойства
Версия: Новый в CSS3

Свойство 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 поддерживается во всех основных браузерах.

Internet Explorer 8 и более ранние версии не поддерживают CSS-свойство border-bottom-right-radius. Поддерживается в IE9 и выше.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.