Ширина
Атрибут width
определяет горизонтальный размер элементов в пользовательской системе координат.
Двадцать пять элементов используют эти атрибуты: <feBlend>
, <feColorMatrix>
, <feComponentTransfer>
, <feComposite>
, <feConvolveMatrix>
, <feDiffuseLighting>
, <feDisplacementMap>
, <feDropShadow>
, <feFlood>
, <feGaussianBlur>
, <feImage>
, <feMerge>
, <feMorphology>
, <feOffset>
, <feSpecularLighting>
, <feTile>
, <feTurbulence>
, <filter>
, <foreignObject>
, <image>
, <mask>
, <pattern>
, <rect>
, <svg>
, and <use>
Пример
<svg viewBox="0 0 100 300" xmlns="http://www.w3.org/2000/svg">
<!-- С шириной равной 0 или меньше, ничего не будет отображаться -->
<rect x="0" y="0" width="0" height="90" />
<rect x="0" y="100" width="60" height="90" />
<rect x="0" y="200" width="100%" height="90" />
</svg>
feBlend
Для <feBlend>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feColorMatrix
Для <feColorMatrix>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feComponentTransfer
Для <feComponentTransfer>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feComposite
Для <feComposite>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feConvolveMatrix
Для <feConvolveMatrix>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feDiffuseLighting
Для <feDiffuseLighting>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feDisplacementMap
Для <feDisplacementMap>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feDropShadow
Для <feDropShadow>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feFlood
Для <feFlood>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feGaussianBlur
Для <feGaussianBlur>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feImage
Для <feImage>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feMerge
Для <feMerge>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feMorphology
Для <feMorphology>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feOffset
Для <feOffset>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feSpecularLighting
Для <feSpecularLighting>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feTile
Для <feTile>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
feTurbulence
Для <feTurbulence>
, width
определяет горизонтальный размер для отображения области примитивов.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 100% |
Animatable | Да |
filter
Для <filter>
, width
определяет горизонтальный размер для отображения области фильтров.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 120% |
Animatable | Да |
foreignObject
Для <foreignObject>
, width
определяет горизонтальный размер для отображения области ссылочных документов.
Значение | auto | <length> | <percentage> |
---|---|
По умолчанию | auto (рассматривается как 0 ) |
Animatable | Да |
Примечание:
Начиная с SVG2, width
это геометрическое свойство, что означает, что этот атрибут может, также, быть использован как свойство CSS для <foreignObject>
.
image
Для <image>
, width
определяет горизонтальный размер для изображения.
Значение | auto | <length> | <percentage> |
---|---|
По умолчанию | auto (рассматривается как ширина изображения) |
Animatable | Да |
Примечание:
Начиная с SVG2, width
это геометрическое свойство, что означает, что этот атрибут может, также, быть использован как свойство CSS для изображений.
mask
Для <mask>
, width
определяет горизонтальный размер области эффекта. Точный эффект этого атрибута зависит от атрибута maskUnits
.
Значение | <length> | <percentage> |
---|---|
По умолчанию | 120% |
Animatable | Да |
pattern
Для <pattern>
, width
определяет горизонтальный размер мостящегося паттерна. Точный эффект этого атрибута зависит от атрибутов patternUnits
и patternTransform
.
Значение | <length> |
---|---|
По умолчанию | 0 |
Animatable | Да |
rect
Для <rect>
, width
определяет горизонтальный размер прямоугольника.
Значение | auto | <length> | <percentage> |
---|---|
По умолчанию | auto (рассматривается как 0 ) |
Animatable | Да |
Примечание:
Начиная с SVG2, width
это геометрическое свойство, что означает, что этот атрибут может, также, быть использован как свойство CSS для прямоугольника.
svg
Для <svg>
, width
определяет горизонтальный размер отображаемой области вьюпорта SVG.
Примечание:
В HTML документе, если оба атрибута viewBox
и width
опущены, svg-элемент будет отображаться с шириной 300px
Значение | auto | <length> | <percentage> |
---|---|
По умолчанию | auto (рассматривается как 100% ) |
Animatable | Да |
Примечание:
Начиная с SVG2, width
это геометрическое свойство, что означает, что этот атрибут может, также, быть использован как свойство CSS для <svg>
.
use
Для <use>
, width
определяет горизонтальный размер для ссылочного элемента.
Значение | auto | <length> | <percentage> |
---|---|
По умолчанию | auto (рассматривается как 0 ) |
Animatable | Да |
Примечание:
Начиная с SVG2, width
это геометрическое свойство, что означает, что этот атрибут может, также, быть использован как свойство CSS для использованных элементов.