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

Дерево навыков/Floats, clearance и Shapes/ Image-derived float shapes

КатегорияСистемы раскладкиНавыкFloats, clearance и ShapesКомпонент навыка

Image-derived float shapes

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

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

    • Изображение как источник shape

      Использует допустимое CSS image как источник контура `shape-outside`.

    • Порог прозрачности

      Интерпретирует `shape-image-threshold` как порог alpha channel, используя начальное значение `0`.

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

    • Геометрия shape image

      Размеряет и позиционирует image input относительно used content box float по правилам replaced-content geometry.

    • Извлечение alpha shape

      Включает в image-derived float area пиксели, alpha которых превышает used `shape-image-threshold`.

    • Недоступный image source

      Переходит к поведению `shape-outside: none`, если изображение недоступно, невалидно или не может использоваться из-за origin restrictions.