width

L'attribut width définit la longueur horizontale d'un élément dans le système des coordonnées de l'utilisatrice ou l'utilisateur.

Cet attribut peut être utilisé avec les éléments SVG suivants :

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

Exemple

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

<svg viewBox="0 0 100 300" xmlns="http://www.w3.org/2000/svg">
 <!-- Avec une largeur de 0 ou inférieure, rien ne sera affichée -->
 <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>

Pour <feBlend>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feColorMatrix>

Pour <feColorMatrix>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feComponentTransfer>

Pour <feComponentTransfer>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feComposite>

Pour <feComposite>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feConvolveMatrix>

Pour <feConvolveMatrix>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feDiffuseLighting>

Pour <feDiffuseLighting>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feDisplacementMap>

Pour <feDisplacementMap>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feDropShadow>

Pour <feDropShadow>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feFlood>

Pour <feFlood>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feGaussianBlur>

Pour <feGaussianBlur>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feImage>

Pour <feImage>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feMerge>

Pour <feMerge>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feMorphology>

Pour <feMorphology>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feOffset>

Pour <feOffset>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feSpecularLighting>

Pour <feSpecularLighting>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feTile>

Pour <feTile>, width définit la longueur horizontale de la zone de rendu de la primitive.

<feTurbulence>

Pour <feTurbulence>, width définit la longueur horizontale de la zone de rendu de la primitive.

<filter>

Pour <filter>, width définit la longueur horizontale de la zone de rendu du filtre.

<foreignObject>

Pour <foreignObject>, width définit la longueur horizontale de la zone de rendu pour le document référencé.

<image>

Pour <image>, width définit la longueur horizontale de l'image.

<mask>

Pour <mask>, width définit la longueur horizontale de sa zone d'effet. L'effet exact de cet attribut est influencé par l'attribut maskUnits.

<pattern>

Pour <pattern>, width définit la longueur horizontale du motif répété. L'effet exact de cet attribut est influencé par les attributs patternUnits et patternTransform.

<rect>

Pour <rect>, width définit la longueur horizontale du rectangle.

<svg>

Pour <svg>, width définit la longueur horizontale de la zone de rendu de la zone d'affichage SVG.

<use>

Pour <use>, width définit la longueur horizontale de l'élément référencé.

Spécifications