Версия CSS | 3 |
Применение | любые элементы |
Значение (по умолчанию) | 0 |
Это свойство устанавливает радиус скругления угла бордюра (границы) элемента. Могут применяться стандартные единицы (пиксели и т.п.). Если граница элемента прозрачная, то будет скруглён фон. Применяется четыре варианта установки значений:
- для всех уголков сразу (одно значение);
- верхний левый/правый нижний верхний правый/левый нижний (два значения);
- верхний левый верхний правый/нижний левый нижний правый (три значения);
- верхний левый верхний правый нижний правый нижний левый (четыре значения по часовой стрелке).
Каждый из этих параметров так же может быть обозначен двумя числами, например, 10px/5px, при этом получается уголок в виде эллипса. В этом случае первое значение применяется для радиуса по горизонтали, второе - по вертикали.
Соблюдение указанных значений и отображение фона зависит от браузера пользователя; некоторые значения могут не работать.
Пример кода:
1 {
2 border-radius: 20px 15px/20px 20px 15px/20px;
3 }