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

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

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

Anchor-relative sizing

БазовыйПродвинутый

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

    • Размер default anchor

      Получает размер default anchor через `anchor-size()`.

    • Размер named anchor

      Получает размер явно указанного named anchor.

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

    • Physical dimensions

      Использует `width` и `height` anchor box независимо от target property axis.

    • Logical dimensions

      Различает `block`, `inline`, `self-block` и `self-inline`.

    • Writing-mode mapping

      Выбирает containing-block или self writing mode для logical dimension mapping.

    • Разрешённый property context

      Применяет `anchor-size()` только в разрешённых sizing, inset и margin properties.

    • Fallback и math composition

      Разрешает fallback и использует результат `anchor-size()` как length-percentage в math functions.