width

Elemente

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

<feBlend>

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

<feColorMatrix>

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

<feComponentTransfer>

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

<feComposite>

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

<feConvolveMatrix>

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

<feDiffuseLighting>

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

<feDisplacementMap>

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

<feDropShadow>

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

<feFlood>

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

<feGaussianBlur>

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

<feImage>

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

<feMerge>

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

<feMorphology>

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

<feOffset>

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

<feSpecularLighting>

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

<feTile>

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

<feTurbulence>

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

<filter>

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

<foreignObject>

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

<image>

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

<mask>

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

<pattern>

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

<rect>

Für <rect> definiert width die horizontale Länge des Rechtecks.

<svg>

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

<use>

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

Beispiele

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

Dieses Beispiel enthält drei <rect>-Elemente mit unterschiedlichen 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>

Spezifikationen

Siehe auch

• CSS width-Eigenschaft