Как сделать, чтобы в элементе ширина была равна высоте?

Question

[The_good_game]

Есть ли способ на чистом CSS сделать так, чтобы ширина элемента (в данном случае < button >) всегда равнялась его высоте. Высота элемента заранее неизвестна.

Answer 1

[Вадим]

padding элемента указанный в процентах рассчитывается от ширины.
Таким образом, можно сделать высоту равную ширине (height: 0px, padding-bottom: 100%). Ваш запрос несколько иначе сформулирован. Поэтому Вам вроде не очень подходит.
Варианты описаны тут:
https://habr.com/ru/post/542212/
https://css-tricks.com/aspect-ratio-boxes/

Ну и есть https://developer.mozilla.org/en-US/docs/Web/CSS/a...

Answer 2

[Recreator]

button {
aspect-ratio: 1/1
}