示例

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

另見