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

Дерево навыков/CSS Anchor Positioning/ Position area и alignment

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

Position area и alignment

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

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

    • Размещение на стороне anchor

      Размещает positioned box в area на выбранной physical стороне default anchor.

    • Logical area placement

      Использует logical position-area keywords с учётом writing mode.

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

    • Position-area grid

      Разрешает выбранный region в 3×3 grid, образованном containing block и anchor edges.

    • Spanning regions

      Выбирает position area, пересекающую несколько rows или columns.

    • Area как containing block

      Использует resolved position area как containing block anchored box.

    • Auto insets и margins

      Применяет special zero used values auto insets и auto margins при active position area.

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

    • Area-specific default alignment

      Выводит default self-alignment из selected rows и columns position-area grid.

    • Anchor-center alignment

      Центрирует box относительно default anchor и учитывает safe overflow shifting.

    • Normalization и serialization

      Нормализует computed value и serialization physical и logical position-area values.