Как задать border-radius равный высоте элемента если она не задана явно?

Question

[Александр Лозовский]

Хочется сделать чтобы бордер радиус всегда был равен высоте элемента. Подскажите пожалуйста как это реализовать с помощью js ( с помощью css или less у меня не получилось). То есть в less можно конечно задать @height: 50px; и потом height: @height; border-radius: @height; . А я имею в виду не задавать height вообще , ну или height: auto; , как-то так.
На уровне логики понятно, что нужно получить значение height элемента и потом прописать его в border-radius , а вот как это синтаксически правильно написать ( желательно без jQuery) ? Подскажите начинающему , пожалуйста!

Answer 1

[A K]

* {
    border-radius: 1000px;
}

Comments

[Александр Лозовский]

Вот это хак! ОЧЕНЬ СТРАННО! Но работает именно так как я хотел! Можете объяснить как??? СПАСИБО!

[A K]

Александр Лозовский: вот такая вот реализация во всех браузерах, пользуйтесь. Пометьте как решение, поможете другим, у кого будет подобный вопрос.

[Сергей delphinpro]

Александр Лозовский: Потому что просто невозможно математически сделать радиус больше половины размера элемента. Пока размер не превышает 2000px так и будет отрисовываться.

Answer 2

[AzanuLbizaR]

Нужно чтобы всегда круг был?

border-radius:50%