CSS ограничение
Модуль CSS ограничение определяет ограничение и запросы к контейнерам.
Ограничение позволяет изолировать поддеревья страницы от остальной части DOM. Затем браузер может повысить производительность, оптимизируя отрисовку этих независимых частей.
Запросы к контейнерам аналогичны запросам к размеру сред, за исключением того, что запросы основаны на размерах конкретного элемента контейнера, определенного как контекст ограничения, а не на размерах области просмотра. Запросы к контейнерам позволяют запрашивать размер, свойства и значения свойств контейнера для условного применения стилей CSS. При применении этих условных стилей можно использовать единицы длины запроса к контейнеру, которые указывают длины относительно размеров контейнера запроса. Определены дополнительные свойства для установления конкретного элемента в качестве контейнера запроса и присвоения ему определенного имени.
Справочник
Свойства
contain-
containerсокращенная запись content-visibility
Правила и дескрипторы
@container-
@containerдескрипторы:aspect-ratioblock-sizeheightinline-sizeorientationwidth
Функции
Типы данных
События
Интерфейсы
Руководства
- Запросы к размеру контейнера CSS
-
Руководство по использованию запросов к контейнерам с
@container, включая именование контекстов ограничения. - Использование CSS ограничения
-
Описание основных целей CSS ограничения и как использовать
containиcontent-visibilityдля повышения пользовательского опыта. - Использование запросов к размеру и стилям контейнера
-
Руководство по написанию запросов к размеру и стилям контейнера с
@container, включая запросы к стилям для пользовательских свойств, синтаксис запроса и имена, а также вложенные запросы к контейнерам.
Связанные понятия
-
-
@mediaправило -
Логические операторы CSS (
not,or, иand)
-
-
-
@starting-styleправило -
transition-behaviorсвойство
-
-
Модуль CSS размеров области
-
aspect-ratioсвойство -
contain-intrinsic-sizeсокращенное свойство -
contain-intrinsic-inline-sizeсвойство -
contain-intrinsic-sizeсвойство -
contain-intrinsic-widthсвойство -
contain-intrinsic-heightсвойство
-
-
- Использование счётчиков CSS руководство
-
- Вложенные правила CSS руководство
Спецификации
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment