Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

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


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

Пример

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

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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


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

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

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

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


Синтаксис

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

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

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


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

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


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

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru