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

Дерево навыков/Container queries/ Size container queries

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

    • Width feature

      Проверяет width content box выбранного query container.

    • Height feature

      Проверяет height content box выбранного query container.

    • Inline-size и block-size features

      Проверяет logical dimensions относительно writing mode query container.

    • Content-box reference geometry

      Использует content box selected container как reference geometry size features.

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

    • Range conditions

      Записывает односторонние и chained comparisons для range size features.

    • Aspect-ratio feature

      Проверяет отношение width к height content box query container.

    • Orientation feature

      Определяет `portrait` или `landscape` из соотношения размеров query container.

    • Relative values в size condition

      Вычисляет relative lengths query value в контексте элемента с `@container` rule.

    • Custom properties в size condition

      Подставляет custom properties в size query value до проверки feature grammar.

    • Unsupported query axis

      Получает unknown result, когда selected container не поддерживает требуемую query axis.

    • Principal-box eligibility

      Определяет возможность size query по наличию подходящего principal box и его axes.