width

この属性は以下の SVG 要素で使用することができます。

<feBlend> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feColorMatrix> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feComponentTransfer> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feComposite> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feConvolveMatrix> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feDiffuseLighting> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feDisplacementMap> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feDropShadow> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feFlood> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feGaussianBlur> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feImage> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feMerge> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feMorphology> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feOffset> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feSpecularLighting> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feTile> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<feTurbulence> の場合、 width はプリミティブの描画領域の水平方向の長さを定義します。

<filter> の場合、 width はフィルターの描画領域の水平方向の長さを定義します。

<foreignObject> の場合、 width は参照先の文書の描画領域の水平方向の長さを定義します。

<image> の場合、 width は画像の水平方向の長さを定義します。

<mask> の場合、 width は効果の領域の水平方向の長さを定義します。この属性の正確な効果は、maskUnits 属性の影響を受けます。

<pattern> の場合、 width はタイルパターンの水平方向の長さを定義します。この属性の正確な効果は、 patternUnits と patternTransform 属性の影響を受けます。

<rect> の場合、 width は矩形の水平方向の長さを定義します。

<svg> の場合、 width は SVG ビューポートの描画領域の水平方向の長さを定義します。

<use> の場合、 width は参照先要素の水平方向の長さを定義します。

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

この例では、さまざまな幅属性値を持つ 3 つの <rect> 要素が記載されています。最初の <rect> には width="0" が設定されています。 幅が 0 以下である SVG 要素はレンダリングされません。

<svg viewBox="0 0 100 300" xmlns="http://www.w3.org/2000/svg">
  <!-- 幅が 0 以下の場合、何もレンダリングされません。 -->
  <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 プロパティ