- Главная»
- CSS-Шпаргалка»
- border-radius
border-radius
Поддержка браузеров
 IE |
 Opera |
 Chrome |
 Firefox |
 Safari |
|---|---|---|---|---|
| IE9.0+ | 10.50+ | + | 4.0+. Для более ранних версий - -moz-border-radius | 5.0+. Для версий 3-4 - -webkit-border-radius |
Пример
Скругляем уголки блока div:
div
{
border:2px solid red;
border-radius:25px;
}
Описание и использование
Свойство border-radius позволяет установить радиус скругления уголков рамки.
| Значение по умолчанию: | 0 |
|---|---|
| Наследуется: | нет |
| Версия: | CSS3 |
Синтаксис
border-radius: значение_радиуса{1,4}[/значение_радиуса{1,4}]
Четыре значения указываются для каждого из радиусов в след. порядке верхний левый, верхний правый, нижний правый, нижний левый.
Три значения - первое задает радиус для верхнего левого угла, второе для верхнего правого и нижнего левого, а третье для нижнего правого угла.
Два значения - первое для верхнего левого и нижнего правого угла, второе для верхнего правого и нижнего левого угла.
Одно значение - одно общее значение для всех углов.
Единицы измерения радиусов - все поддерживаемые в CSS (px, % и т.д.)
