width

Sie können dieses Attribut mit den im Folgenden beschriebenen SVG-Elementen verwenden.

Für <feBlend> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feColorMatrix> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feComponentTransfer> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feComposite> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feConvolveMatrix> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feDiffuseLighting> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feDisplacementMap> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feDropShadow> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feFlood> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feGaussianBlur> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feImage> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feMerge> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feMorphology> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feOffset> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feSpecularLighting> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feTile> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <feTurbulence> definiert width die horizontale Länge des Renderbereichs des Primitives.

Für <filter> definiert width die horizontale Länge des Renderbereichs des Filters.

Für <foreignObject> definiert width die horizontale Länge des Renderbereichs für das referenzierte Dokument.

Für <image> definiert width die horizontale Länge des Bildes.

Für <mask> definiert width die horizontale Länge des Wirkungsbereichs. Der genaue Effekt dieses Attributs wird vom maskUnits Attribut beeinflusst.

Für <pattern> definiert width die horizontale Länge des Kachelmusters. Der genaue Effekt dieses Attributs wird von den Attributen patternUnits und patternTransform beeinflusst.

Für <rect> definiert width die horizontale Länge für das Rechteck.

Für <svg> definiert width die horizontale Länge für den Renderbereich des SVG-Viewports.

Für <use> definiert width die horizontale Länge für das referenzierte Element.

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

Dieses Beispiel beinhaltet drei <rect> Elemente mit unterschiedlichen width Attributwerten. Das erste <rect> hat ein width="0" gesetzt. SVG-Elemente mit einer Breite von 0 oder weniger werden nicht gerendert.

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