Тег border-radius формирующий закругление углов бордюра применяется совместно с тегом border с атрибутами стиля dashed , dotted , double , groove , inset , outset , ridge , solid, border-top-width, border-top-color, border-top-style, border-bottom-width, border-bottom-color, border-bottom-style, border-left-width, border-left-color, border-left-style, border-right-width, border-right-color, border-right-style.

Тег - border-radius

Пример :

Закруглённые углы бордюра .

Тег border прорисовывает бордюр толшиной , цветом и стилем прописаном в стиле тега . Два стиля : hidden и none скрывают бордюр . Толшина бордюра прибавляется к размерам элемента .
Тег border-radius формирующий закругление углов бордюра дополняет тег border , применяется совместно .

Пример двойных по радиусам закруглений :

Закруглённые углы бордюра .

Для каждого угла может задан отдельный радиус закругления , радиусы могут задаваться парой значений или одним общим значением для всех углов . Двойные сопряжённые радиусные закругления образуются парой значений , первое значение предназначено для радиуса закругления от горизонтали , второе значение определяет радиус от вертикальной линии .

Пример парных закруглений :

Закруглённые углы бордюра .

Пример 4 разных закруглений углов:

Закруглённые углы бордюра .