Главная->CSS->border-radius

border-radius

08 Нояб 2019г. в 16:34

Свойство border-radius позволяет установить радиус скругления уголков рамки.

Пример

div
{
border:2px solid red;
border-radius:25px;
}

border-radius: значение_радиуса{1,4}[/значение_радиуса{1,4}]

Четыре значения указываются для каждого из радиусов в след. порядке верхний левый, верхний правый, нижний правый, нижний левый.

Три значения - первое задает радиус для верхнего левого угла, второе для верхнего правого и нижнего левого, а третье для нижнего правого угла.

Два значения - первое для верхнего левого и нижнего правого угла, второе для верхнего правого и нижнего левого угла.

Одно значение - одно общее значение для всех углов.

Единицы измерения радиусов - все поддерживаемые в CSS (px, % и т.д.)