CSS-свойство border-top-left-radius

CSS-свойство border-top-left-radius устанавливает округлую форму для верхнего левого угла элемента.

Значение по умолчанию:	`0`
Применяется к:	Все элементы
Наследование:	Нет
Анимирование:	Да. Анимируемые свойства
Версия:	Новый в CSS3

Свойство border-top-left-radius заставляет фон элемента округляться, даже если границы не определены или для его значения установлено значение none.

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

border-top-left-radius: [ length | percentage ] 1 or 2 values | initial | inherit

Эта сокращенная запись может принимать одно или два значения, разделенных пробелами.

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

Примеры написания кода свойства border-top-left-radius:

div {
    border: 2px solid #f08080;
    border-top-left-radius: 20px;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
length	Значение длины в `px`, `pt`, `cm`, `em` и т. д. Отрицательные значения недопустимы.
percentage	Размер радиуса в процентах. В случае двух значений процент для первого значения (горизонтального радиуса) вычисляется относительно ширины поля элемента, а процент для второго значения (вертикального радиуса) рассчитывается относительно высоты поля элемента. Отрицательные значения не допускаются.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение свойства его родительского элемента `border-top-left-radius`.