SVG 矩形忽略高度？

这里有一个工作演示的一个矩形。我想将 height 属性移至 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>

在 SVG 中，x、y、宽度和高度<rect>元素是属性而不是CSS 属性。只有 CSS 属性可以使用 CSS 设置样式。