示例

html
<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg">
  <!-- With a height of 0 or less, nothing will be rendered -->
  <rect y="0" x="0" width="90" height="0" />
  <rect y="0" x="100" width="90" height="60" />
  <rect y="0" x="200" width="90" height="100%" />
</svg>

feBlend

对于 <feBlend>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feColorMatrix

对于 <feColorMatrix>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feComponentTransfer

对于 <feComponentTransfer>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feComposite

对于 <feComposite>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feConvolveMatrix

对于 <feConvolveMatrix>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feDiffuseLighting

对于 <feDiffuseLighting>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feDisplacementMap

对于 <feDisplacementMap>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feDropShadow

对于 <feDropShadow>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feFlood

对于 <feFlood>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feGaussianBlur

对于 <feGaussianBlur>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feImage

对于 <feImage>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feMerge

对于 <feMerge>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feMorphology

对于 <feMorphology>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feOffset

对于 <feOffset>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feSpecularLighting

对于 <feSpecularLighting>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feTile

对于 <feTile>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

feTurbulence

对于 <feTurbulence>height 定义了基元渲染区域的垂直长度。

<length> | <percentage>
默认值 100%
可动画的

filter

对于 <filter>height 定义了滤镜渲染区域的垂直长度。

<length> | <percentage>
默认值 120%
可动画的

foreignObject

对于 <foreignObject>height 定义了引用文档渲染区域的垂直长度。

auto | <length> | <percentage>
默认值 auto (视为 0)
可动画的

注意:从 SVG2 开始,height 是一个几何属性(Geometry Property),这意味着此属性也可以作为 <foreignObject> 的 CSS 属性使用。

图片

对于 <image>height 定义了图像的垂直长度。

auto | <length> | <percentage>
默认值 auto (视为图像的固有高度)
可动画的

注意:从 SVG2 开始,height 是一个几何属性(Geometry Property),这意味着此属性也可以作为图像的 CSS 属性使用。

mask

对于 <mask>height 定义了其作用区域的垂直长度。此属性的具体效果受 maskUnits 属性的影响。

<length> | <percentage>
默认值 120%
可动画的

pattern

对于 <pattern>height 定义了平铺图案的垂直长度。此属性的具体效果受 patternUnitspatternTransform 属性的影响。

<length>
默认值 0
可动画的

rect

对于 <rect>height 定义了矩形的垂直长度。

auto | <length> | <percentage>
默认值 auto (视为 0)
可动画的

注意:从 SVG2 开始,height 是一个几何属性(Geometry Property),这意味着此属性也可以作为矩形的 CSS 属性使用。

svg

对于 <svg>height 定义了 SVG 视口渲染区域的垂直长度。

注意:在 HTML 文档中,如果 viewBoxheight 属性都省略了,SVG 元素的渲染高度将是 150px

auto | <length> | <percentage>
默认值 auto (视为 100%)
可动画的

注意:从 SVG2 开始,height 是一个几何属性(Geometry Property),这意味着此属性也可以作为 <svg> 的 CSS 属性使用。

use

对于 <use>height 定义了引用元素的垂直长度。

auto | <length> | <percentage>
默认值 auto (视为 0)
可动画的

注意:heightuse 元素没有影响,除非引用的元素具有 viewBox — 即,它们仅在 use 引用 svgsymbol 元素时才有效。

注意:从 SVG2 开始,height 是一个几何属性(Geometry Property),这意味着此属性也可以作为被使用元素的 CSS 属性使用。

规范

规范
滤镜效果模块第 1 级
# element-attrdef-filter-height
滤镜效果模块第 1 级
# element-attrdef-filter-primitive-height
CSS 蒙版模块 Level 1
# element-attrdef-mask-height
Scalable Vector Graphics (SVG) 2
# 尺寸
Scalable Vector Graphics (SVG) 2
# PatternElementHeightAttribute

另见