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.

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

• CSS Box Sizing Module Level 4

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

Ссылки¶

• aspect-ratio ^{MDN (англ.)}

Комментарии