MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

stroke-opacity

« SVG属性参考主页

stroke-opacity属性指定了当前对象的轮廓的不透明度。它的默认值是1

作为一个外观属性,它可以直接用作CSS样式表内部的属性。

用法

类别 外观属性
<opacity-value> | inherit
可变性 Yes
规范文档 SVG 1.1 (2nd Edition)
<opacity-value>
在当前对象的轮廓上用该涂色操作的不透明度。任何超出0.0到1.0范围的值都会被压回这个范围(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;
}

结果

元素

下列元素可以使用stroke-opacity属性:

参见

文档标签和贡献者

 此页面的贡献者: fanxiaojie
 最后编辑者: fanxiaojie,