contain-intrinsic-inline-size

Логическое свойство contains-intrinsic-inline-size определяет встроенный размер элемента, который браузер может использовать для макета, когда элемент подлежит ограничению размера.

Встроенный размер — это размер элемента в измерении, параллельном потоку текста внутри строки. В режиме горизонтального письма, подобно стандартному английскому, встроенный размер — это размер по горизонтали (ширина); для режима вертикальной записи встроенный размер является размером по вертикали.

Изображения, фильтры, композиция

• image-orientation
• image-rendering
• image-resolution
• object-fit
• object-position

• linear-gradient()
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()
• conic-gradient()
• repeating-conic-gradient()
• url()
• element()
• image()
• cross-fade()

• backdrop-filter
• filter

• background-blend-mode
• isolation
• mix-blend-mode

• contain
• contain-intrinsic-block-size
• contain-intrinsic-height
• contain-intrinsic-inline-size
• contain-intrinsic-size
• contain-intrinsic-width
• container
• container-name
• container-type
• @container
• content-visibility

Синтаксис

/* Keyword values */
contain-intrinsic-inline-size: none;

/* <length> values */
contain-intrinsic-inline-size: 1000px;
contain-intrinsic-inline-size: 10rem;

/* auto <length> */
contain-intrinsic-inline-size: auto 300px;

/* Global values */
contain-intrinsic-inline-size: inherit;
contain-intrinsic-inline-size: initial;
contain-intrinsic-inline-size: revert;
contain-intrinsic-inline-size: revert-layer;
contain-intrinsic-inline-size: unset;

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

• CSS Box Sizing Module Level 4

Комментарии