首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

stroke-opacity

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

作为一个表现属性,它也可以直接在CSS样式表中作为属性使用

用法说明

分类

呈现属性

<opacity-value> | 继承

动画

规范性文件

SVG 1.1(第二版)

<opacity-value>用于勾画当前对象的绘画操作的不透明度,如数字。任何超出范围0.0(完全透明)到1.0(完全不透明)的值将被限制在此范围内。

例子

SVG

代码语言:javascript
复制
<svg width="120px" height="120px" viewBox="0 0 120 120">
  <rect x="10" y="10" width="100" height="100"/>
</svg>

CSS

代码语言:javascript
复制
rect{
  fill:#b4da55;
  stroke:#000;
  stroke-width:10px;
  stroke-opacity:0.3;
}

Result

元素

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

  • Shape elements ?
  • Text content elements ?

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com