This page was translated from English by the community. Learn more and join the MDN Web Docs community.
fill-opacity
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since март 2020 г..
Этот атрибут определяет прозрачность цвета заполнения содержимого элемента.
Контекст использования
| Категория | Атрибут оформления |
|---|---|
| Значение | <opacity-value> | inherit |
| Предустановленное значение | 1 |
| Анимируемый | Да |
| Спецификация | SVG 1.1 (2nd Edition) |
Примеры
SVG
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="100" r="100" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="100" r="100" fill-opacity="0.25" />
</svg>
результат
[フレーム]
Элементы
Следующие группы элементов могут быть использованы с атрибутом fill-opacity: