css – SVG Rect忽略高度?

前端之家收集整理的这篇文章主要介绍了css – SVG Rect忽略高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是一个长方形的 working demo.我想 move the height property to css,好吧,它不起作用,给我一个空白.它发生在firefox和chrome中.

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

工作实例.

CSS:

rect {
    fill:rgb(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)"/>
</svg>

解决方法

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

猜你在找的CSS相关文章