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

Дерево навыков/CSS Anchor Positioning/ Выбор target anchor

КатегорияПозиционирование и наложениеНавыкCSS Anchor PositioningКомпонент навыка

Выбор target anchor

БазовыйЭкспертный

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

    • Named default anchor

      Задаёт named default anchor через `position-anchor`.

    • Consumers default anchor

      Использует default anchor в `position-area` и anchor functions без повторного имени.

    • Отсутствие default anchor

      Распознаёт состояние, в котором у positioned box нет default anchor.

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

    • Nearest matching ancestor

      Выбирает ближайшего acceptable ancestor с совпадающим anchor name.

    • Последний в tree order

      При отсутствии matching ancestor выбирает последний acceptable anchor в tree order.

    • Implicit anchor через auto

      Использует host-defined implicit anchor через `position-anchor: auto`.

    • Relationship через match-parent

      Использует default anchor parent или originating element через `match-parent` при сохранении acceptability.

  3. Экспертный уровень

    • Acceptable layout order

      Проверяет, что possible anchor laid out строго раньше querying positioned box.

    • Top-layer acceptability

      Учитывает lower и same top-layer ordering constraints при выборе acceptable anchor.

    • Shadow-tree lookup

      Разрешает anchor lookup и references с соблюдением shadow-tree encapsulation.