Как найти радиус в процентах

Рейтинг: -1Ответов: 1Опубликовано: 01.05.2015

Есть div с заданным свойством border-radius в px. Как получить соответствующее значение border-radius в процентах? Что является базовым значением при расчете процентного border-radius?

css html jquery математика
Источник: Stack Overflow на русском

Ответы

▲ 1

Значение по высоте расчитывается относительно height, значение по ширине - относительно width:

.rounded-percent
{
   background-color: red;
   height: 100px;
   width: 100px;
   border-radius: 25%;
}

.rounded-absolute
{
   background-color: green;
   height: 100px;
   width: 100px;
   border-radius: 25px;
   margin-left: 120px;
}

.rounded-proportional
{
   background-color: blue;
   height: 100px;
   width: 200px;
   border-radius: 25%;
   margin-left: 120px;
}
<div class="rounded-percent" />
<div class="rounded-absolute" />
<div class="rounded-proportional" />