SVG Rect忽略高度？

Question

这是一个矩形的工作演示.我想将高度属性移动到css,好吧,它不起作用,并给我一个空白.它发生在firefox和chrome中.

它有不同的名字吗？我不明白为什么我不能使用css文件.填充颜​​色有效.

工作实例.

CSS:

rect {
    fill:rgb(0, 0, 255);
    /*doesnt work height:100;*/
}

HTML:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <rect width="100" height="100" style="stroke-width:1;stroke:rgb(0,0,0)"/>
</svg>

Answer 1

在SVG中,<rect>元素的x,y,宽度和高度是属性而不是CSS属性.只能使用CSS设置CSS属性的样式.

Answer 2

在width一个的<rect>元素是不是在SVG CSS属性,它只能用作一个属性.例如,它就像HTML size中的<select>元素一样.您只能将其设置为属性.