Перейти к содержанию

aspect-ratio

Свойство aspect-ratio задает предпочтительное соотношение сторон для блока, которое будет использоваться при расчете автоматических размеров и некоторых других функциях макета.

Демо

Синтаксис

1
2
3
4
5
6
7
8
9
aspect-ratio: 1 / 1;
aspect-ratio: 1;

/* Global values */
aspect-ratio: inherit;
aspect-ratio: initial;
aspect-ratio: revert;
aspect-ratio: revert-layer;
aspect-ratio: unset;

Значения

auto

Заменяемые элементы с внутренним соотношением сторон используют это соотношение сторон, в противном случае у блока нет предпочтительного соотношения сторон. Вычисления размера с учетом внутреннего соотношения сторон всегда работают с размерами блока содержимого.

<ratio>

Предпочтительным соотношением сторон блока является заданное соотношение ширины и высоты. Если высота и предшествующий символ косой черты опущены, высота по умолчанию равна 1. Расчеты размера с учетом предпочтительного соотношения сторон работают с размерами блока, заданными параметром box-sizing.

Спецификация

Поддержка браузерами

Ссылки

Комментарии