CSS генератор border-radius

Пример блока
Все углы:
Левый верхний угол:
Правый верхний угол:
Правый нижний угол:
Левый нижний угол:
Вертикальный радиус:
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;

Описание

Генератор border-radius позволяет создать CSS код при помощи которого осуществляется закругление углов у элементов HTML кода.

Для создания эффекта скруглённых углов в CCS используется свойства border-radius, -webkit-border-radius и -moz-border-radius.

Данный генератор создает CSS код и образец который вы сможете увидеть вверху этой страницы.

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

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

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
9+ 1.0+ 10.5+ 3.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да Да Да Да Да