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

Дерево навыков/Positioning schemes, containing blocks и insets/ Insets абсолютного позиционирования

КатегорияПозиционирование и наложениеНавыкPositioning schemes, containing blocks и insetsКомпонент навыка

Insets абсолютного позиционирования

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

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

    • Insets отсчитываются от containing block

      Интерпретирует abspos insets как расстояния от absolute-position containing block.

    • Insets создают inset-modified rectangle

      Уменьшает containing block заданными insets и получает inset-modified rectangle.

    • Единственный `auto` inset становится нулём

      Разрешает единственный `auto` inset в ноль.

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

    • Два `auto` inset используют static position

      Передаёт случай двух `auto` insets static-position и self-alignment algorithm.

    • Static position назначается start- или end-side inset

      Назначает static position start- или end-side inset для соответствующего self-alignment.

    • Alignment values получают fallback при auto insets

      При разрешении `auto` трактует `normal`, baseline и stretch через предусмотренные alignment fallbacks.

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

    • Center alignment разрешает auto insets через static rectangle

      Разрешает два `auto` inset при center alignment через расстояния от центра static-position rectangle.

    • Negative inset rectangle корректирует weaker inset

      Корректирует отрицательный размер inset-modified containing block уменьшением weaker inset.

    • Weaker inset выбирается по auto и flow-relative end

      Выбирает weaker inset из `auto` либо flow-relative end edge.

    • Normal alignment уточняет weaker inset после layout

      При `normal` alignment получает resolved weaker inset после layout по краю margin box.