Ширина

Атрибут width определяет горизонтальный размер элементов в пользовательской системе координат.

Двадцать пять элементов используют эти атрибуты: <feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feConvolveMatrix>, <feDiffuseLighting>, <feDisplacementMap>, <feDropShadow>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMorphology>, <feOffset>, <feSpecularLighting>, <feTile>, <feTurbulence>, <filter>, <foreignObject>, <image>, <mask>, <pattern>, <rect>, <svg>, and <use>

<svg viewBox="0 0 100 300" xmlns="http://www.w3.org/2000/svg">
  <!-- С шириной равной 0 или меньше, ничего не будет отображаться -->
  <rect x="0" y="0" width="0" height="90"/>
  <rect x="0" y="100" width="60" height="90"/>
  <rect x="0" y="200" width="100%" height="90"/>
</svg>

feBlend

Для <feBlend>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feColorMatrix

Для <feColorMatrix>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feComponentTransfer

Для <feComponentTransfer>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feComposite

Для <feComposite>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feConvolveMatrix

Для <feConvolveMatrix>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feDiffuseLighting

Для <feDiffuseLighting>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feDisplacementMap

Для <feDisplacementMap>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feDropShadow

Для <feDropShadow>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feFlood

Для <feFlood>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feGaussianBlur

Для <feGaussianBlur>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feImage

Для <feImage>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feMerge

Для <feMerge>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feMorphology

Для <feMorphology>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feOffset

Для <feOffset>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feSpecularLighting

Для <feSpecularLighting>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feTile

Для <feTile>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

feTurbulence

Для <feTurbulence>, width определяет горизонтальный размер для отображения области примитивов.

Значение <length> | <percentage>
По умолчанию 100%
Animatable Да

filter

Для <filter>, width определяет горизонтальный размер для отображения области фильтров.

Значение <length> | <percentage>
По умолчанию 120%
Animatable Да

foreignObject

Для <foreignObject>, width определяет горизонтальный размер для отображения области ссылочных документов.

Значение auto | <length> | <percentage>
По умолчанию auto (рассматривается как 0)
Animatable Да

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

image

Для <image>, width определяет горизонтальный размер для изображения.

Значение auto | <length> | <percentage>
По умолчанию auto (рассматривается как ширина изображения)
Animatable Да

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

mask

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

Значение <length> | <percentage>
По умолчанию 120%
Animatable Да

pattern

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

Значание <length>
По умолчанию 0
Animatable Да

rect

Для <rect>, width определяет горизонтальный размер прямоугольника.

Значение auto | <length> | <percentage>
По умолчанию auto (пассматривается как 0)
Animatable Да

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

svg

Для <svg>, width определяет горизонтальный размер отображаемой области вьюпорта SVG.

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

Значение auto | <length> | <percentage>
По умолчанию auto (рассматривается как 100%)
Animatable Да

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

use

Для <use>, width определяет горизонтальный размер для ссылочного элемента.

Значение auto | <length> | <percentage>
По умолчанию auto (рассматривается как 0)
Animatable Да

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

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

Спецификация Статус Комментаий
Filter Effects Module Level 1
Определение 'width' в этой спецификации.
Рабочий черновик Определение для <filter>
Filter Effects Module Level 1
Определение 'width' в этой спецификации.
Рабочий черновик Определение для фильтр-примитивов
CSS Masking Module Level 1
Определение 'width' в этой спецификации.
Кандидат в рекомендации Определение для <mask>
Scalable Vector Graphics (SVG) 2
Определение 'width' в этой спецификации.
Кандидат в рекомендации Определено как геометрическое свойство
Scalable Vector Graphics (SVG) 2
Определение 'width' в этой спецификации.
Кандидат в рекомендации Определение для <pattern>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для <foreignObject>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для <pattern>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для <image>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для <svg>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для <use>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для <filter>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для  фильтр-примитивов
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для <mask>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение 'width' в этой спецификации.
Рекомендация Первое определение для <rect>