width

Sie können dieses Attribut mit den in den folgenden Abschnitten beschriebenen SVG-Elementen verwenden.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Für <foreignObject> definiert width die horizontale Länge für den Renderbereich des referenzierten Dokuments.

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

Für <mask> definiert width die horizontale Länge seines Wirkungsbereichs. Die genaue Wirkung dieses Attributs wird durch das Attribut maskUnits beeinflusst.

Für <pattern> definiert width die horizontale Länge des Kachelmusters. Die genaue Wirkung dieses Attributs wird durch die Attribute patternUnits und patternTransform beeinflusst.

Für <rect> definiert width die horizontale Länge der Rechtecke.

Für <svg> definiert width die horizontale Länge des Renderbereichs des SVG-Ansichtsfensters.

Für <use> definiert width die horizontale Länge des referenzierten Elements.

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

Dieses Beispiel enthält drei <rect> Elemente mit verschiedenen width Attributwerten. Das erste <rect> hat eine 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