|
CSS3 Свойство border-top-left-radius
 Полный CSS Справочник
Пример
Добавить закругленную границу к верхнему левому углу элемента div:
div
{
border:2px solid;
border-top-left-radius:2em;
} |
Попробуйте сами » |
Поддержка Браузерами
Свойство border-top-left-radius поддерживается в IE9+, Firefox 4+, Chrome, Safari 5+ и Opera.
Определение и ИспользованиеСвойство border-top-left-radius определяет форму верхнего левого угла границы.
Совет: Это свойство позволяет вам добавлять закругленные границы к элементам!
| Значение по умолчанию: |
0 |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.borderTopLeftRadius="5px" |
Синтаксис
| border-top-left-radius: расстояние|% [расстояние|%]; |
Замечание: Два расстояния или значения в процентах свойств
border-top-left-radius указывают радиусы четверти эллипса, который
определяет форму угла внешнего края границы. Первое значение - это
горизонтальный радиус, второе - вертикальный радиус. Если второе значение пропущено,
оно копируется из первого. Если каждое расстояние равно нулю,
угол получается квадратным, без закругления. Значение в процентах для
горизонтального радиуса ссылается на ширину блока границы,
тогда как процентное отношение для вертикального радиуса соотносится с
высотой блока границы.
| Значение |
Описание |
| расстояние |
Определяет форму верхнего левого угла
|
| % |
Определяет форму верхнего левого угла в % |
Смотрите ТакжеCSS3 уроки: CSS3 Границы
Полный CSS Справочник
|
