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

Дерево навыков/SVG и векторная графика/ SVG-стилизация и cascade

КатегорияЦвет, фоны и декоративные эффектыНавыкSVG и векторная графикаКомпонент навыка

SVG-стилизация и cascade

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

Основано на спецификациях:

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

    • Presentation attributes

      Задаёт поддерживаемое CSS value через соответствующий SVG presentation attribute.

    • CSS declarations

      Стилизует SVG geometry через stylesheet или `style` attribute.

    • SVG `currentColor`

      Передаёт вычисленный `color` в SVG paint property через `currentColor`.

    • Geometry properties

      Задаёт поддерживаемую SVG geometry characteristic как CSS property.

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

    • Specificity 0

      Учитывает нулевую specificity SVG presentation attribute.

    • Author-origin position

      Располагает presentation attribute раньше остальных author-level declarations.

    • Value parsing

      Разбирает содержимое presentation attribute как CSS value, а не declaration list.

    • Недопустимый `!important`

      Отклоняет `!important` внутри presentation attribute как недействительное значение.

    • SVG namespace

      Ограничивает presentation attributes элементами SVG namespace.

    • Element scope

      Отличает допустимый presentation attribute от одноимённого обычного SVG attribute на неподходящем элементе.

    • Paint inheritance

      Определяет inherited SVG paint values через обычную CSS inheritance model.

    • Geometry cascade

      Разрешает конфликт geometry presentation attribute и CSS declaration через cascade.