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> 

• CSS width property