Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Container queries/ Установление query containers

  1. Базовый уровень

    • Inline-size query container

      Создаёт size-query container для inline axis значением `inline-size`.

    • Two-axis size query container

      Создаёт size-query container для обеих осей значением `size`.

    • Имена query containers

      Назначает query container одно пользовательское имя через `container-name`.

    • Shorthand `container`

      Задаёт имя и тип query container через shorthand `container`.

  2. Продвинутый уровень

    • Query semantics значения `normal`

      Различает отсутствие size-query eligibility и сохранение style-query eligibility при `container-type: normal`.

    • Списки container names

      Назначает и использует несколько case-sensitive container names одного principal box.

    • Axis eligibility query container

      Определяет доступные query axes из computed `container-type` и writing mode контейнера.

    • Query-specific containment effects

      Учитывает style и size containment, необходимое для выбранного типа query container.

    • Independent formatting context

      Учитывает independent formatting context, устанавливаемый size-query container.

    • Computed behavior container properties

      Определяет computed values и reset behavior longhands при использовании shorthand `container`.