width

You can use this attribute with the SVG elements described in the sections below.

For <feBlend>, width defines the horizontal length for the rendering area of the primitive.

For <feColorMatrix>, width defines the horizontal length for the rendering area of the primitive.

For <feComponentTransfer>, width defines the horizontal length for the rendering area of the primitive.

For <feComposite>, width defines the horizontal length for the rendering area of the primitive.

For <feConvolveMatrix>, width defines the horizontal length for the rendering area of the primitive.

For <feDiffuseLighting>, width defines the horizontal length for the rendering area of the primitive.

For <feDisplacementMap>, width defines the horizontal length for the rendering area of the primitive.

For <feDropShadow>, width defines the horizontal length for the rendering area of the primitive.

For <feFlood>, width defines the horizontal length for the rendering area of the primitive.

For <feGaussianBlur>, width defines the horizontal length for the rendering area of the primitive.

For <feImage>, width defines the horizontal length for the rendering area of the primitive.

For <feMerge>, width defines the horizontal length for the rendering area of the primitive.

For <feMorphology>, width defines the horizontal length for the rendering area of the primitive.

For <feOffset>, width defines the horizontal length for the rendering area of the primitive.

For <feSpecularLighting>, width defines the horizontal length for the rendering area of the primitive.

For <feTile>, width defines the horizontal length for the rendering area of the primitive.

For <feTurbulence>, width defines the horizontal length for the rendering area of the primitive.

For <filter>, width defines the horizontal length for the rendering area of the filter.

For <foreignObject>, width defines the horizontal length for the rendering area for the referenced document.

For <image>, width defines the horizontal length for the image.

For <mask>, width defines the horizontal length of its area of effect. The exact effect of this attribute is influenced by the maskUnits attribute.

For <pattern>, width defines the horizontal length of the tile pattern. The exact effect of this attribute is influenced by the patternUnits and patternTransform attributes.

For <rect>, width defines the horizontal length for the rectangle.

For <svg>, width defines the horizontal length for the rendering area of the SVG viewport.

For <use>, width defines the horizontal length for the referenced element.

html,
body,
svg {
  height: 100%;
}

This example includes three <rect> elements with varied width attribute values. The first <rect> has a width="0" set. SVG elements with a width of 0 or less are not rendered.

<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>