Как использовать процентные значения для расчета радиуса скругления в CSS?

Чтобы использовать процентные значения для расчёта радиуса скругления в CSS, нужно указать значение свойства border-radius. doka.guide spravka.seodon.ru

Если значение задано в процентах, то оно будет высчитываться от размеров элемента: doka.guide горизонтальные размеры — от ширины элемента, а вертикальные — от высоты. doka.guide При этом за 100% берётся ширина или высота элемента с учётом внутренних отступов (padding) и рамки (border). spravka.seodon.ru

Пример: если для левого нижнего угла указать 10%, то на скругление уйдёт 10% нижней части рамки и 10% левой части рамки. basecourse.ru Если указать 50%, то на скругление уйдёт по половине длины сторон рамки. basecourse.ru А если указать 100%, то на скругление уйдёт вся нижняя сторона и вся левая сторона рамки. basecourse.ru

Скругление в процентах можно указывать как для всех углов, так и для каждого угла отдельно. basecourse.ru