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