Справочник на Github

HTML и CSS Поиск 16 10

aspect-ratio Содержание раздела

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

Синтаксис

1 aspect-ratio: 1 / 1;
2 aspect-ratio: 1;
3
4 /* Global values */
5 aspect-ratio: inherit;
6 aspect-ratio: initial;
7 aspect-ratio: revert;
8 aspect-ratio: revert-layer;
9 aspect-ratio: unset;

Значения
auto

Заменяемые элементы с внутренним соотношением сторон используют это соотношение

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

<ratio>

Предпочтительным соотношением сторон блока является заданное соотношение ширины и

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

Спецификация
CSS Box Sizing Module Level 4

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

Ссылки
MDN (англ.)
aspect-ratio

Комментарии

Назад Вперед
appearance backdrop- lter

(C) 2021-2023, Справочник разработчика HTML и CSS с примерами кода