Атрибут стиля SVG

Опубликовано: 25 Февраля, 2022

Атрибут style помогает нам стилизовать элемент с помощью объявлений CSS. Она работает очень похоже на атрибут стиля HTML. Почти все элементы используют этот атрибут.

Синтаксис:

 style = "<стиль>"

Значения атрибутов: Атрибут стиля принимает значения, упомянутые выше и описанные ниже.

style: синтаксис данных стиля зависит от предоставленного CSS.

Примеры ниже иллюстрируют использование атрибута style.

Пример 1:

Выход:

Example 2:

HTML

<!DOCTYPE html>
<html>
  
    <body>
        <svg viewbox="0 0 150 60" 
          xmlns="http://www.w3.org/2000/svg">
          <circle cx="12" cy="12" r="10"
              style="fill: lightgreen; 
              stroke: green; 
              stroke-width: 2;"/>
        </svg>
    </body>
     
</html>

Выход:

HTML

Атрибут стиля SVG

HTML

РЕКОМЕНДУЕМЫЕ СТАТЬИ