Атрибут стиля SVG
Опубликовано: 25 Февраля, 2022
Атрибут style помогает нам стилизовать элемент с помощью объявлений CSS. Она работает очень похоже на атрибут стиля HTML. Почти все элементы используют этот атрибут.
Синтаксис:
style = "<стиль>"
Значения атрибутов: Атрибут стиля принимает значения, упомянутые выше и описанные ниже.
- style: синтаксис данных стиля зависит от предоставленного CSS.
Примеры ниже иллюстрируют использование атрибута style.
Пример 1:
Выход:
Example 2:
HTML
<!DOCTYPE html> < html > < body > < svg viewbox = "0 0 150 60" < circle cx = "12" cy = "12" r = "10" style="fill: lightgreen; stroke: green; stroke-width: 2;"/> </ svg > </ body > </ html > |
Выход: