stroke-opacity
stroke-opacity
该stroke-opacity
属性指定当前对象上轮廓的不透明度。它的默认值是1
。
作为一个表现属性,它也可以直接在CSS样式表中作为属性使用
用法说明
分类 | 呈现属性 |
---|---|
值 | <opacity-value> | 继承 |
动画 | 是 |
规范性文件 | SVG 1.1(第二版) |
<opacity-value>用于勾画当前对象的绘画操作的不透明度,如数字。任何超出范围0.0(完全透明)到1.0(完全不透明)的值将被限制在此范围内。
例子
SVG
<svg width="120px" height="120px" viewBox="0 0 120 120">
<rect x="10" y="10" width="100" height="100"/>
</svg>
CSS
rect{
fill:#b4da55;
stroke:#000;
stroke-width:10px;
stroke-opacity:0.3;
}
Result
元素
以下元素可以使用该stroke-opacity
属性
- Shape elements »
- Text content elements »