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

Дерево навыков/CSS Anchor Positioning/ Anchor-relative inset geometry

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

Anchor-relative inset geometry

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

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

    • Default anchor reference

      Использует `anchor()` относительно default anchor.

    • Named anchor reference

      Явно выбирает named anchor и нужную anchor side.

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

    • Physical и logical sides

      Разрешает physical и logical anchor sides в нужной coordinate system.

    • Inside и outside

      Интерпретирует `inside` и `outside` относительно стороны inset property.

    • Percentage anchor side

      Вычисляет процентную позицию между opposing sides anchor box.

    • Совместимость осей

      Проверяет совместимость physical anchor side с осью inset property.

    • Fallback resolution

      Применяет fallback при неразрешимой функции или делает declaration invalid at computed-value time.

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

    • Multi-anchor math

      Комбинирует geometry нескольких anchors через CSS math functions.

    • Post-layout и fragmented geometry

      Использует post-layout axis-aligned geometry и union fragments для fragmented anchor box.