height

Атрибут height задаёт вертикальную длину элемента в пользовательской системе координат.

Этот атрибут можно использовать со следующими SVG-элементами:

Пример

<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 является геометрическим свойством, то есть этот атрибут также можно использовать как CSS-свойство для <foreignObject>.

image

Для <image> height задаёт вертикальную длину изображения.

Значение	`auto` \| <length> \| <percentage>
Значение по умолчанию	`auto` (интерпретируется как собственная высота изображения)
Анимируемый	Да

Примечание: Начиная с SVG2, height является геометрическим свойством, то есть этот атрибут также можно использовать как CSS-свойство для изображений.

mask

Для <mask> height задаёт вертикальную длину области действия маски. Точное воздействие этого атрибута зависит от атрибута maskUnits.

Значение	<length> \| <percentage>
Значение по умолчанию	`120%`
Анимируемый	Да

pattern

Для <pattern> height задаёт вертикальную длину узора-плитки. Точное воздействие этого атрибута зависит от атрибутов patternUnits и patternTransform.

Значение	<length>
Значение по умолчанию	`0`
Анимируемый	Да

rect

Для <rect> height задаёт вертикальную длину прямоугольника.

Значение	`auto` \| <length> \| <percentage>
Значение по умолчанию	`auto` (интерпретируется как `0`)
Анимируемый	Да

Примечание: Начиная с SVG2, height является геометрическим свойством, то есть этот атрибут также можно использовать как CSS-свойство для прямоугольников.

svg

Для <svg> height задаёт вертикальную длину области визуализации области просмотра SVG.

Примечание: В HTML-документе, если атрибуты viewBox и height не указаны, элемент svg будет отображён с высотой 150px

Значение	`auto` \| <length> \| <percentage>
Значение по умолчанию	`auto` (интерпретируется как `100%`)
Анимируемый	Да

Примечание: Начиная с SVG2, height является геометрическим свойством, то есть этот атрибут также можно использовать как CSS-свойство для <svg>.

use

Для <use> height задаёт вертикальную длину связанного элемента.

Значение	`auto` \| <length> \| <percentage>
Значение по умолчанию	`auto` (интерпретируется как `0`)
Анимируемый	Да

Примечание: height не влияет на элементы use, если только у связанного элемента нет атрибута viewBox, то есть они влияют на результат только в том случае, если use ссылается на элемент svg или symbol.

Примечание: Начиная с SVG2, height является геометрическим свойством, то есть этот атрибут также можно использовать как CSS-свойство для используемых элементов.

Спецификации

Спецификация
Модуль эффектов фильтров, уровень 1> # element-attrdef-filter-height>
Модуль эффектов фильтров, уровень 1> # element-attrdef-filter-primitive-height>
Модуль маскирования CSS, уровень 1> # element-attrdef-mask-height>
Масштабируемая векторная графика (SVG) 2> # Sizing>
Масштабируемая векторная графика (SVG) 2> # PatternElementHeightAttribute>

См. также

Свойство CSS height

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/height