Spec-Zone.ru › SVG

высота

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

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

  • <feBlend>
  • <feColorMatrix>
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feDropShadow>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset>
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <filter>
  • <foreignObject>
  • <image>
  • <mask>
  • <pattern>
  • <rect>
  • <svg>
  • <use>

Пример

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 определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feColorMatrix

Для <feColorMatrix>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feComponentTransfer

Для <feComponentTransfer>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feComposite

Для <feComposite>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feConvolveMatrix

Для <feConvolveMatrix>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feDiffuseLighting

Для <feDiffuseLighting>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feDisplacementMap

Для <feDisplacementMap>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feDropShadow

Для <feDropShadow>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feFlood

Для <feFlood>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feGaussianBlur

Для <feGaussianBlur>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feImage

Для <feImage>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feMerge

Для <feMerge>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да
END_OF_DOCUMENT_MARKER

feMorphology

Для <feMorphology>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feOffset

Для <feOffset>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feSpecularLighting

Для <feSpecularLighting>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feTile

Для <feTile>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

feTurbulence

Для <feTurbulence>, height определяет вертикальную длину области отрисовки примитива.

Значение <длина> | <процент>
Значение по умолчанию 100%
Анимируемо Да

filter

Для <filter>, height определяет вертикальную длину области действия фильтра.

Значение <длина> | <процент>
Значение по умолчанию 120%
Анимируемо Да

foreignObject

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

Значение auto | <длина> | <процент>
Значение по умолчанию auto (считается как 0)
Анимируемо Да

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

image

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

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

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

mask

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

Значение <длина> | <процент>
Значение по умолчанию 120%
Анимируемо Да

pattern

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

Значение <длина>
Значение по умолчанию 0
Анимируемо Да

rect

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

Значение auto | <длина> | <процент>
Значение по умолчанию auto (считается как 0)
Анимируемо Да

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

svg

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

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

Значение auto | <длина> | <процент>
Значение по умолчанию auto (считается как 100%)
Анимируемо Да

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

use

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

Значение auto | <длина> | <процент>
Значение по умолчанию 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

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API