style
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Атрибут style позволяет стилизовать элемент с помощью объявлений CSS. Он работает так же, как атрибут style в HTML.
Этот атрибут можно использовать с любым элементом SVG.
Пример
<svg viewBox="0 0 100 60" xmlns="http://www.w3.org/2000/svg">
<rect
width="80"
height="40"
x="10"
y="10"
style="fill: skyblue; stroke: cadetblue; stroke-width: 2;" />
</svg>
Примечания по использованию
| Значение | <style> |
|---|---|
| Значение по умолчанию | Нет |
| Анимируемый | Нет |
<style>-
Синтаксис данных стилей зависит от языка таблиц стилей. По умолчанию используется язык таблиц стилей CSS.
Спецификации
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | WebView на iOS | |
style |
1 | 12 | 1 | 15 | 1 | 18 | 4 | 14 | 1 | 1.0 | 4.4 | 1 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/style
