animation

appearance

backface-visibility

background

box

column

font

list-style

margin

nav

outline

padding

page-break

target

text

top

transform

transition

CSS3 Свойство border-bottom-right-radius

Полный CSS Справочник

Пример

Добавить закругленную границу к правому нижнему углу элемента div:

div
{
border:2px solid;
border-bottom-right-radius:2em;
}

Попробуйте сами »

Поддержка Браузерами

Свойство border-bottom-right-radius поддерживается в IE9+, Firefox 4+, Chrome, Safari 5+ и Opera.

Определение и Использование

Свойство border-bottom-right-radius определяет форму правого нижнего угла границы.

Совет: Это свойство позволяет вам добавлять закругленные границы к элементам!

Значение по умолчанию:	0
Наследуется:	нет
Версия:	CSS3
JavaScript синтаксис:	объект.style.borderBottomRightRadius="5px"

Синтаксис

border-bottom-left-radius: расстояние|% [расстояние|%];

Замечание: Два расстояния или значения в процентах свойств border-bottom-right-radius указывают радиусы четверти эллипса, который определяет форму угла внешнего края границы. Первое значение - это горизонтальный радиус, второе - вертикальный радиус. Если второе значение пропущено, оно копируется из первого. Если каждое расстояние равно нулю, угол получается квадратным, без закругления. Значение в процентах для горизонтального радиуса ссылается на ширину блока границы, тогда как процентное отношение для вертикального радиуса соотносится с высотой блока границы.

Значение	Описание
расстояние	Определяет форму правого нижнего угла
%	Определяет форму правого нижнего угла в %

Смотрите Также

CSS3 уроки: CSS3 Границы