SVG属性和属性

时间:2018-03-09 15:37:20

标签: css inheritance svg properties attributes

以下是两个示例规范:

Rect: X-attribute

  

x =“(坐标)。”

     

矩形边的x轴坐标   它在当前用户中具有较小的x轴坐标值   坐标系。    如果未指定属性,则效果为   如果指定了值“0”。

     

动画:是的。

Color-property

  

“颜色”

     

值:(颜色)|继承

     

初始取决于用户代理

     

适用于:属性'fill','stroke','stop-color','flood-color'和'lighting-color'适用的元素

     

继承:

     

百分比: N / A

     

媒体:视觉

     

动画:

似乎有些attributes被称为properties。有什么区别?

1 个答案:

答案 0 :(得分:0)

某些SVG属性实际上是mapped CSS properties。也就是说当你写出看起来像属性的东西时,例如fill =" blue"这实际上是你定义的CSS。

默认情况下会继承一些CSS属性,有些不是。 fill是您发现的继承的CSS属性。未继承的属性称为重置属性,要获取重置属性以继承您,必须在所有后代元素上将其显式设置为继承。

有些东西根本不是CSS属性,它们只是属性。属性根本不会继承,但如果属性的描述明确说明,则它们的效果可能适用于他们的孩子。像x和y属性值适用于<text>元素的子元素。

在SVG 1.1中,x和y通常是属性,在SVG 2中它们通常是CSS属性。

没有没有显式默认值的属性(否则浏览器将无法实现可互操作的实现)。

CSS属性也有默认值(它们被称为初始值)。例如initial value for fill is black

什么都没有抛出,总是默认值或初始值。