height

该属性表示用户坐标系中的垂直长度。这个坐标的确切效果取决于每个元素。大多数情况下，它表示参考元素的矩形区域的高度（请参阅每个单独元素的例外情况）。

除了在<svg>元素中默认值为100%，在<filter>和<mask>元素中默认值为120%外，该属性在其他元素中必须赋值。

用法上下文

Categories	None
Value	<length>
Animatable	Yes
Normative document	SVG 1.1 (2nd Edition): foreignObject element SVG 1.1 (2nd Edition): image element SVG 1.1 (2nd Edition): pattern element SVG 1.1 (2nd Edition): rect element SVG 1.1 (2nd Edition): svg element SVG 1.1 (2nd Edition): use element SVG 1.1 (2nd Edition): Filter primitive SVG 1.1 (2nd Edition): mask element

长度是一个距离度量，与一个单位一起作为一个数字给出。长度以下面两种方式之一指定。在样式表中使用时，<length>定义如下：

length ::= number (~"em" | ~"ex" | ~"px" | ~"in" | ~"cm" | ~"mm" | ~"pt" | ~"pc")?

有关单元标识符的含义，请参阅CSS2规范。

对于在CSS2中定义的属性，必须提供长度单位标识符。对于SVG特定属性中的长度值及其对应的表示属性，长度单位标识符是可选的。如果未提供，则长度值表示当前用户坐标系中的距离。在所有属性的表示属性中，无论是在SVG1.1还是在CSS2中定义，长度标识符（如果指定）都必须是小写。

当在SVG属性中使用长度时，<length>的定义如下：

length ::= number ("em" | "ex" | "px" | "in" | "cm" | "mm" | "pt" | "pc" | "%")?

这些<length>值中的单位标识符必须小写。

请注意，非属性的<length>定义还允许百分比单位标识符。百分比长度值的含义取决于已指定百分比长度值的属性。两个常见的情况是：

当百分比长度值代表视口宽度或高度的百分比

当百分比长度值表示给定对象上的边界框宽度或高度的百分比时。

在SVG DOM中，使用SVGLength或SVGAnimatedLength对象来表示<length>值。

实例

<?xml version="1.0"?>
<svg width="120" height="120"
     viewBox="0 0 120 120"
     xmlns="http://www.w3.org/2000/svg">

  <rect x="10" y="10" width="100" height="100"/>
</svg>

适用元素

以下元素可以使用该height属性

Filter primitive elements »

<filter>

<foreignObject>

<image>

<pattern>

<rect>

<svg>

<use>

<mask>