width

元素

你可以在下面部分描述的 SVG 元素中使用此屬性。

<feBlend>

對於 <feBlend>，width 定義了原始元素的渲染區域的水平長度。

<feColorMatrix>

對於 <feColorMatrix>，width 定義了原始元素的渲染區域的水平長度。

<feComponentTransfer>

對於 <feComponentTransfer>，width 定義了原始元素的渲染區域的水平長度。

<feComposite>

對於 <feComposite>，width 定義了原始元素的渲染區域的水平長度。

<feConvolveMatrix>

對於 <feConvolveMatrix>，width 定義了原始元素的渲染區域的水平長度。

<feDiffuseLighting>

對於 <feDiffuseLighting>，width 定義了原始元素的渲染區域的水平長度。

<feDisplacementMap>

對於 <feDisplacementMap>，width 定義了原始元素的渲染區域的水平長度。

<feDropShadow>

對於 <feDropShadow>，width 定義了原始元素的渲染區域的水平長度。

<feFlood>

對於 <feFlood>，width 定義了原始元素的渲染區域的水平長度。

<feGaussianBlur>

對於 <feGaussianBlur>，width 定義了原始元素的渲染區域的水平長度。

<feImage>

對於 <feImage>，width 定義了原始元素的渲染區域的水平長度。

<feMerge>

對於 <feMerge>，width 定義了原始元素的渲染區域的水平長度。

<feMorphology>

對於 <feMorphology>，width 定義了原始元素的渲染區域的水平長度。

<feOffset>

對於 <feOffset>，width 定義了原始元素的渲染區域的水平長度。

<feSpecularLighting>

對於 <feSpecularLighting>，width 定義了原始元素的渲染區域的水平長度。

<feTile>

對於 <feTile>，width 定義了原始元素的渲染區域的水平長度。

<feTurbulence>

對於 <feTurbulence>，width 定義了原始元素的渲染區域的水平長度。

<filter>

對於 <filter>，width 定義了濾鏡渲染區域的水平長度。

<foreignObject>

對於 <foreignObject>，width 定義了引用文件渲染區域的水平長度。

<image>

對於 <image>，width 定義了影像的水平長度。

<mask>

對於 <mask>，width 定義了其作用區域的水平長度。此屬性的具體效果受 maskUnits 屬性的影響。

<pattern>

對於 <pattern>，width 定義了平鋪圖案的水平長度。此屬性的具體效果受 patternUnits 和 patternTransform 屬性的影響。

<rect>

對於 <rect>，width 定義了矩形的水平長度。

<svg>

對於 <svg>，width 定義了 SVG 視口渲染區域的水平長度。

<use>

對於 <use>，width 定義了引用元素的水平長度。

示例

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

此示例包含三個 <rect> 元素，其 width 屬性值各不相同。第一個 <rect> 設定了 width="0"。寬度為 0 或更小的 SVG 元素不會被渲染。

<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 屬性