在svg元素上使用fill属性和样式是否可以接受?

时间:2019-11-15 00:27:03

标签: html svg

svg2-draft specs中,fill没有被列为svg元素的有效属性之一。

但是fill是继承的HTML propertyCSS property,因此它将被svg形状继承。

fill元素上使用svg属性和/或样式是否可以接受?

与直接在形状(例如<path>)上使用填充不同。

伸展问题:通常,在任何元素上使用可继承的属性/样式,无论该属性/样式是否仅是针对该元素的有效属性/样式(对于该元素)有效,被继承到其预期的子元素?

例如:

<svg fill="#a0a0a0">
  <path d="M150 0 L75 200 L225 200 Z" />
</svg>

<svg class="SVG">
  <path d="M150 0 L75 200 L225 200 Z" />
</svg>

<style>
  .SVG { fill #a0a0a0; }
</style>

1 个答案:

答案 0 :(得分:0)

  

在svg2-draft规范中,填充未列为svg元素的有效属性之一。

那是不正确的。 fill列在presentation attributes下。

因此,您的问题的答案是:是的。它是可以接受的。 :)