width

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

Элементы

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

<feBlend>

Для <feBlend> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feColorMatrix>

Для <feColorMatrix> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feComponentTransfer>

Для <feComponentTransfer> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feComposite>

Для <feComposite> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feConvolveMatrix>

Для <feConvolveMatrix> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feDiffuseLighting>

Для <feDiffuseLighting> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feDisplacementMap>

Для <feDisplacementMap> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feDropShadow>

Для <feDropShadow> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feFlood>

Для <feFlood> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feGaussianBlur>

Для <feGaussianBlur> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feImage>

Для <feImage> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feMerge>

Для <feMerge> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feMorphology>

Для <feMorphology> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feOffset>

Для <feOffset> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feSpecularLighting>

Для <feSpecularLighting> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feTile>

Для <feTile> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<feTurbulence>

Для <feTurbulence> атрибут width задаёт горизонтальную длину области отрисовки примитива.

<filter>

Для <filter> атрибут width задаёт горизонтальную длину области отрисовки фильтра.

<foreignObject>

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

<image>

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

<mask>

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

<pattern>

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

<rect>

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

<svg>

Для <svg> атрибут width задаёт горизонтальную длину области отображения SVG.

<use>

Для <use> атрибут width задаёт горизонтальную длину ссылочного элемента.

Примеры

В этом примере показаны три элемента <rect> с разными значениями атрибута width. Для первого элемента <rect> задано значение width="0". Элементы SVG с шириной 0 или меньше не отображаются.

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

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

См. также

• Свойство CSS width