解释应用于SVG元素的CSS'display'属性?

chu*_*ubs 3 css svg

根据规范,引入SVG需要将新值添加到CSS显示属性:svg.SVG中的元素具有默认样式:

svg { display: block; overflow: hidden }
svg * { display: svg } 
Run Code Online (Sandbox Code Playgroud)

那讲得通.包含SVG的SVG元素设置为块,SVG元素中包含的每个元素都显示为:svg.它只是意味着将此SVG元素传递给要呈现的SVG引擎,但如果将SVG文档中的元素设置为其他值(内联,块等),该元素会发生什么?规范没有解释那会做什么甚至是什么意思.

Bol*_*ock 5

规范没有解释那会做什么甚至是什么意思.

事实上,并且在发布规范修订版之后看起来它完全被注销了.svg不再是有效的值display在任一所述2001 SVG 1.0的建议,或SVG 1.1.这很可能意味着你所提到的情况下的行为从未被定义过.

  • 啊,谢谢.所以它实质上意味着所有svg元素都由svg引擎呈现,除非display:none.所有其他值仅表示它是可见的,但不会在不同值之间以不同方式影响它. (2认同)