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

style

style属性指定其元素的样式信息。它的功能与HTML中style属性相同。

用法说明

分类

呈现属性

<风格>

动画

没有

规范性文件

SVG 1.1(第二版)

<style>样式数据的语法取决于样式表语言。默认情况下,样式表语言是[CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)。

注意:理论上,contentStyleType属性可用于指定除CSS之外的样式语言,如XSL(T)。但是,这在浏览器中从未得到满意的实现,所以不要依赖它。

例子

以下示例显示了使用CSS作为样式表语言的样式属性的矩形样式。

代码语言:javascript
复制
<svg viewbox="0 0 1000 500" xmlns="http://www.w3.org/2000/svg">
  <rect height="300" width="600" x="200" y="100" 
     style="fill: red; stroke: blue; stroke-width: 3"/>
</svg>

元素

以下元素可以使用该style属性

  • Container elements ?
  • Filter primitive elements ?
  • Gradient elements ?
  • Graphics elements ?
  • Structural elements ?
  • Text content elements ?
  • <clipPath>
  • <filter>
  • <font>
  • <foreignObject>
  • <glyphref>
  • <stop>
  • <glyph>

相关

  • <style>

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com