Creates SVG feFlood elements
The <feFlood>
SVG filter primitive fills the filter subregion with the color and opacity defined by flood-color
and flood-opacity
.
The Contents of the feFlood element
Type | Required | Position | PipelineInput | Aliases |
---|---|---|---|---|
[Object] |
false | 1 | true (ByValue, ByPropertyName) | InputObject Text InnerText Contents |
A dictionary containing data. This data will be embedded in data- attributes.
Type | Required | Position | PipelineInput | Aliases |
---|---|---|---|---|
[IDictionary] |
false | named | true (ByPropertyName) | DataAttribute DataAttributes |
A dictionary or object containing event handlers. Each key or property name will be the name of the event Each value will be the handler.
Type | Required | Position | PipelineInput |
---|---|---|---|
[Object] |
false | named | true (ByPropertyName) |
A dictionary of attributes. This can set any attribute not exposed in other parameters.
Type | Required | Position | PipelineInput | Aliases |
---|---|---|---|---|
[IDictionary] |
false | named | true (ByPropertyName) | SVGAttributes SVGAttribute |
A comment that will appear before the element.
Type | Required | Position | PipelineInput | Aliases |
---|---|---|---|---|
[String] |
false | named | true (ByPropertyName) | Comments |
One or more child elements. These will be treated as if they were content.
Type | Required | Position | PipelineInput | Aliases |
---|---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) | Child |
The flood-color
attribute indicates what color to use to flood the current filter primitive subregion.
Note: As a presentation attribute,
flood-color
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The flood-opacity
attribute indicates the opacity value to use across the current filter primitive subregion.
Note: As a presentation attribute,
flood-opacity
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The id
attribute assigns a unique name to an element.
You can use this attribute with any SVG element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The lang
attribute specifies the primary language used in contents and attributes containing text content of particular elements.
There is also an xml:lang attribute (with namespace). If both of them are defined, the one with namespace is used and the one without is ignored.
In SVG 1.1 there was a lang
attribute defined with a different meaning and only applying to glyph elements. That attribute specified a list of languages according to . The glyph was meant to be used if the xml:lang
attribute exactly matched one of the languages given in the value of this parameter, or if the xml:lang
attribute exactly equaled a prefix of one of the languages given in the value of this parameter such that the first tag character following the prefix was “-“.
You can use this attribute with any SVG element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The tabindex
attribute allows you to control whether an element is focusable and to define the relative order of the element for the purposes of sequential focus navigation.
You can use this attribute with any SVG element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The xml:base
attribute specifies a base IRI other than the base IRI of the document or external entity.
You can use this attribute with any SVG element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The xml:lang
attribute specifies the primary language used in contents and attributes containing text content of particular elements.
It is a universal attribute allowed in all XML dialects to mark up the natural human language that an element contains.
There is also a lang attribute (without namespace). If both of them are defined, the one with namespace is used and the one without is ignored.
You can use this attribute with any SVG element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
SVG supports the built-in XML xml:space
attribute to handle whitespace characters inside elements. Child elements inside an element may also have an xml:space
attribute that overrides the parent’s one.
Note: Instead of using the
xml:space
attribute, use the white-space CSS property.
This attribute influences how browsers parse text content and therefore changes the way the DOM is built. Therefore, changing this attribute’s value through the DOM API may have no effect.
You can use this attribute with any SVG element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The alignment-baseline
attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline
property.
Note: As a presentation attribute
alignment-baseline
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The baseline-shift
attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
Note: As a presentation attribute
baseline-shift
can be used as a CSS property.
Note: This property is going to be deprecated and authors are advised to use
vertical-align
instead.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The clip
attribute is a presentation attribute defining the visible region of an element.
This attribute has the same parameter values as defined for the . Unitless values, which indicate current user coordinates, are permitted on the coordinate values on the rect()
. The value of auto
defines a clipping path along the bounds of the viewport created by the given element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The clip-path
presentation attribute defines or associates a clipping path with the element it is related to.
Note: As a presentation attribute
clip-path
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
« SVG Attribute reference home
The clip-rule
attribute only applies to graphics elements that are contained within a clipPath element. The clip-rule
attribute basically works as the fill-rule attribute, except that it applies to clipPath definitions.
The following fragment of code will cause an evenodd clipping rule to be applied to the clipping path because clip-rule
is specified on the path element that defines the clipping shape:
<g>
<clipPath id="MyClip">
<path d="..." clip-rule="evenodd" />
</clipPath>
<rect clip-path="url(#MyClip)" ... />
</g>
whereas the following fragment of code will not cause an evenodd clipping rule to be applied because the clip-rule
is specified on the referencing element, not on the object defining the clipping shape:
<g>
<clipPath id="MyClip">
<path d="..." />
</clipPath>
<rect clip-path="url(#MyClip)" clip-rule="evenodd" ... />
</g>
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The color
attribute is used to provide a potential indirect value, currentcolor
, for the fill, stroke, stop-color, flood-color, and lighting-color attributes.
Note: As a presentation attribute,
color
can be used as a CSS property. See CSS color for further information.
As a presentation attribute, it can be applied to any element, but as noted above, it has no direct effect on SVG elements.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The color-interpolation
attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
Note: For filter effects, the color-interpolation-filters property controls which color space is used.
The color-interpolation property chooses between color operations occurring in the sRGB color space or in a (light energy linear) linearized RGB color space. Having chosen the appropriate color space, component-wise linear interpolation is used.
When a child element is blended into a background, the value of the color-interpolation
property on the child determines the type of blending, not the value of the color-interpolation
on the parent. For gradients which make use of the href or the deprecated xlink:href attribute to reference another gradient, the gradient uses the property’s value from the gradient element which is directly referenced by the fill or stroke property. When animating colors, color interpolation is performed according to the value of the color-interpolation
property on the element being animated.
Note: As a presentation attribute,
color-interpolation
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The color-interpolation-filters
attribute specifies the color space for imaging operations performed via filter effects.
Note: This property just has an affect on filter operations. Therefore, it has no effect on filter primitives like feOffset, feImage, feTile or feFlood.
color-interpolation-filters
has a different initial value than color-interpolation.color-interpolation-filters
has an initial value oflinearRGB
, whereascolor-interpolation
has an initial value ofsRGB
. Thus, in the default case, filter effects operations occur in the linearRGB color space, whereas all other color interpolations occur by default in the sRGB color space.It has no affect on filter functions, which operate in the sRGB color space.
Note: As a presentation attribute,
color-interpolation-filters
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The color-profile
attribute is used to define which color profile a raster image included through the image element should use.
Note: As a presentation attribute,
color-profile
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The cursor
attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
This attribute behaves exactly like the property except that if the browser supports the cursor element, you should be able to use it with the <funciri> notation.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see for further information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The direction
attribute specifies the inline-base direction of a text or tspan element. It defines the start and end points of a line of text as used by the text-anchor and inline-size properties. It also may affect the direction in which characters are positioned if the unicode-bidi property’s value is either embed
or bidi-override
.
It applies only to glyphs oriented perpendicular to the inline-base direction, which includes the usual case of horizontally-oriented Latin or Arabic text and the case of narrow-cell Latin or Arabic characters rotated 90 degrees clockwise relative to a top-to-bottom inline-base direction.
In many cases, the bidirectional Unicode algorithm produces the desired result automatically, so this attribute doesn’t need to be specified in those cases. For other cases, such as when using right-to-left languages, it may be sufficient to add the direction
attribute to the outermost svg element, and allow that direction to inherit to all text elements:
Note: As a presentation attribute,
direction
can be used as a CSS property. See for further information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The display
attribute lets you control the rendering of graphical or container elements.
A value of display="none"
indicates that the given element and its children will not be rendered. Any value other than none
or inherit
indicates that the given element will be rendered by the browser.
When applied to a container element, setting display
to none
causes the container and all of its children to be invisible; thus, it acts on groups of elements as a group. This means that any child of an element with display="none"
will never be rendered even if the child has a value for display
other than none
.
When the display
attribute is set to none
, then the given element does not become part of the rendering tree. It has implications for the tspan and tref elements, event processing, for bounding box calculations and for calculation of clipping paths:
display
is set to none
on a tspan or tref element, then the text string is ignored for the purposes of text layout.display
is set to none
, the element receives no events.display
set to none
is not included in bounding box and clipping paths calculations.The display
attribute only affects the direct rendering of a given element, whereas it does not prevent elements from being referenced by other elements. For example, setting it to none
on a path element will prevent that element from getting rendered directly onto the canvas, but the path element can still be referenced by a textPath element; furthermore, its geometry will be used in text-on-a-path processing even if the path has a display
value of none
.
This attribute also affects direct rendering into offscreen canvases, such as occurs with masks or clip paths. Thus, setting display="none"
on a child of a mask will prevent the given child element from being rendered as part of the mask. Similarly, setting display="none"
on a child of a clipPath element will prevent the given child element from contributing to the clipping path.
Note: As a presentation attribute,
display
can be used as a CSS property. See for further information.
You can use this attribute with any SVG element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The dominant-baseline
attribute specifies the dominant baseline, which is the baseline used to align the box’s text and inline-level contents. It also indicates the default alignment baseline of any boxes participating in baseline alignment in the box’s alignment context.
It is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components:
Some values of the property re-determine all three values. Others only re-establish the baseline-table font-size. When the initial value, auto
, would give an undesired result, this property can be used to explicitly set the desired scaled-baseline-table.
If there is no baseline table in the nominal font, or if the baseline table lacks an entry for the desired baseline, then the browser may use heuristics to determine the position of the desired baseline.
Note: As a presentation attribute,
dominant-baseline
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The enable-background
attribute specifies how the accumulation of the background image is managed.
Note: As a presentation attribute,
enable-background
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The fill
attribute has two different meanings. For shapes and text it’s a presentation attribute that defines the color (or any SVG paint servers like gradients or patterns) used to paint the element; for animation it defines the final state of the animation.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The fill-opacity
attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc.) applied to a shape.
Note: As a presentation attribute
fill-opacity
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The fill-rule
attribute is a presentation attribute defining the algorithm to use to determine the inside part of a shape.
Note: As a presentation attribute,
fill-rule
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The filter
attribute specifies the filter effects defined by the filter element that shall be applied to its element.
Note: As a presentation attribute,
filter
can be used as a CSS property. See for further information.
As a presentation attribute, it can be applied to any element but it only has effect on container elements without the defs element, all graphics elements and the use element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The font-family
attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
Note: As a presentation attribute,
font-family
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The font-size
attribute refers to the size of the font from to baseline when multiple lines of text are set solid in a multiline layout environment.
Note: As a presentation attribute,
font-size
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The font-size-adjust
attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
Note: As a presentation attribute,
font-size-adjust
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The font-stretch
attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
Note: As a presentation attribute,
font-stretch
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The font-style
attribute specifies whether the text is to be rendered using a normal, italic, or oblique face.
Note: As a presentation attribute,
font-style
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The font-variant
attribute indicates whether the text is to be rendered using variations of the font’s .
Note: As a presentation attribute,
font-variant
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The font-weight
attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
Note: As a presentation attribute,
font-weight
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The glyph-orientation-horizontal
attribute affects the amount that the current text position advances as each glyph is rendered.
When the reference orientation direction is horizontal and the glyph-orientation-horizontal
results in an orientation angle that is a multiple of 180 degrees, then the current text position is incremented according to the horizontal metrics of the glyph. Otherwise, if the value of this attribute is not a multiple of 180 degrees, then the current text position is incremented according to the vertical metrics of the glyph.
This attribute is applied only to text written in a horizontal writing-mode.
Note: As a presentation attribute,
glyph-orientation-horizontal
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The glyph-orientation-vertical
attribute affects the amount that the current text position advances as each glyph is rendered.
When the inline-progression-direction is vertical and the glyph-orientation-vertical
results in an orientation angle that is a multiple of 180 degrees, then the current text position is incremented according to the vertical metrics of the glyph. Otherwise, if the angle is not a multiple of 180 degrees, then the current text position is incremented according to the horizontal metrics of the glyph.
This attribute is applied only to text written in a vertical writing-mode.
Note: As a presentation attribute,
glyph-orientation-vertical
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The image-rendering
attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
The resampling is always done in a truecolor (e.g., 24-bit) color space even if the original data and/or the target device is indexed color.
Note: As a presentation attribute,
image-rendering
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The kerning
attribute indicates whether the spacing between should be adjusted based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and set the spacing between them to a specific length (typically, zero).
Note: As a presentation attribute
kerning
can be used as a CSS property. In CSS the property is called font-kerning, though.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The letter-spacing
attribute controls spacing between text characters, in addition to any spacing from the kerning attribute.
If the attribute value is a unitless number (like 128
), the browser processes it as a length in the current user coordinate system.
If the attribute value has a unit identifier, such as .25em
or 1%
, then the browser converts the <length> into its corresponding value in the current user coordinate system.
Note: As a presentation attribute,
letter-spacing
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The lighting-color
attribute defines the color of the light source for lighting filter primitives.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The marker-end
attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape.
For all shape elements, except polyline and path, the last vertex is the same as the first vertex. In this case, if the value of marker-start and marker-end
are both not none
, then two markers will be rendered on that final vertex. For <path>
elements, for each closed subpath, the last vertex is the same as the first vertex. marker-end
is only rendered on the final vertex of the path data.
Note: As a presentation attribute,
marker-end
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The marker-mid
attribute defines the arrowhead or polymarker that will be drawn at all interior vertices of the given shape.
The marker is rendered on every vertex other than the first and last vertices of the path data.
Note: As a presentation attribute,
marker-mid
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The marker-start
attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given shape.
For all shape elements, except polyline and path, the last vertex is the same as the first vertex. In this case, if the value of marker-start
and marker-end are both not none
, then two markers will be rendered on that final vertex. For <path>
elements, for each closed subpath, the last vertex is the same as the first vertex. marker-start
is only rendered on the first vertex of the path data.
Note: As a presentation attribute,
marker-start
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The mask
attribute is a presentation attribute mainly used to bind a given mask element with the element the attribute belongs to.
Note: As a presentation attribute mask can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The opacity
attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
Note: As a presentation attribute,
opacity
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The overflow
attribute sets what to do when an element’s content is too big to fit in its block formatting context. This feature is not widely implemented yet.
This attribute has the same parameter values and meaning as the , however, the following additional points apply:
visible
, the attribute has no effect (i.e., a clipping rectangle is not created).overflow
property has the value hidden
or scroll
, a clip of the exact size of the SVG viewport is applied.scroll
is specified on an svg element, a scrollbar or panner is normally shown for the SVG viewport whether or not any of its content is clipped.auto
implies that all rendered content for child elements must be visible, either through a scrolling mechanism, or by rendering with no clip.Note: Although the initial value for overflow is
auto
, it is overwritten in the User Agent style sheet for the svg element when it is not the root element of a stand-alone document, the pattern element, and the marker element to be hidden by default.
Note: As a presentation attribute,
overflow
can be used as a CSS property. See the CSS overflow property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The pointer-events
attribute is a presentation attribute that allows defining whether or when an element may be the target of a mouse event.
Note: As a presentation attribute pointer-events can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The shape-rendering
attribute provides hints to the renderer about what tradeoffs to make when rendering shapes like paths, circles, or rectangles.
Note: As a presentation attribute,
shape-rendering
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stop-color
attribute indicates what color to use at a gradient stop.
Note: With respect to gradients, SVG treats the
transparent
keyword differently than CSS. SVG does not calculate gradients in pre-multiplied space, sotransparent
really means transparent black. So, specifying astop-color
with the valuetransparent
is equivalent to specifying astop-color
with the valueblack
and a stop-opacity with the value0
.
Note: As a presentation attribute,
stop-color
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stop-opacity
attribute defines the opacity of a given color gradient stop.
The opacity value used for the gradient calculation is the product of the value of stop-opacity
and the opacity of the value of the stop-color attribute. For stop-color
values that don’t include explicit opacity information, the opacity is treated as 1
.
Note: As a presentation attribute,
stop-opacity
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stroke
attribute is a presentation attribute defining the color (or any SVG paint servers like gradients or patterns) used to paint the outline of the shape;
Note: As a presentation attribute
stroke
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stroke-dasharray
attribute is a presentation attribute defining the pattern of dashes and gaps used to paint the outline of the shape;
Note: As a presentation attribute,
stroke-dasharray
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stroke-dashoffset
attribute is a presentation attribute defining an offset on the rendering of the associated dash array.
Note: As a presentation attribute
stroke-dashoffset
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stroke-linecap
attribute is a presentation attribute defining the shape to be used at the end of open subpaths when they are stroked.
Note: As a presentation attribute
stroke-linecap
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stroke-linejoin
attribute is a presentation attribute defining the shape to be used at the corners of paths when they are stroked.
Note: As a presentation attribute
stroke-linejoin
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stroke-miterlimit
attribute is a presentation attribute defining a limit on the ratio of the miter length to the stroke-width used to draw a miter join. When the limit is exceeded, the join is converted from a miter to a bevel.
Note: As a presentation attribute
stroke-miterlimit
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stroke-opacity
attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc.) applied to the stroke of a shape.
Note: As a presentation attribute
stroke-opacity
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The stroke-width
attribute is a presentation attribute defining the width of the stroke to be applied to the shape.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The text-anchor
attribute is used to align (start-, middle- or end-alignment) a string of pre-formatted text or auto-wrapped text where the wrapping area is determined from the inline-size property relative to a given point.
This attribute is not applicable to other types of auto-wrapped text. For those cases you should use text-align. For multi-line text, the alignment takes place for each line.
The text-anchor
attribute is applied to each individual text chunk within a given text element. Each text chunk has an initial current text position, which represents the point in the user coordinate system resulting from (depending on context) application of the x and y attributes on the <text>
element, any x
or y
attribute values on a tspan or tref element assigned explicitly to the first rendered character in a text chunk, or determination of the initial current text position for a textPath element.
Note: As a presentation attribute,
text-anchor
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The text-decoration
attribute defines whether text is decorated with an underline, overline and/or strike-through. It is a shorthand for the text-decoration-line and text-decoration-style properties.
The fill and stroke of the text decoration are given by the fill and stroke of the text at the point where the text decoration is declared.
The paint order of the text decoration, i.e. the fill and stroke, is determined by the value of the paint-order attribute at the point where the text decoration is declared.
Note: As a presentation attribute,
text-decoration
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The text-rendering
attribute provides hints to the renderer about what tradeoffs to make when rendering text.
Note: As a presentation attribute,
text-rendering
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The transform
attribute defines a list of transform definitions that are applied to an element and the element’s children.
Note: As of SVG2,
transform
is a presentation attribute, meaning it can be used as a CSS property. However, be aware that there are some differences in syntax between the CSS property and the attribute. See the documentation for the CSS property transform for the specific syntax to use in that case.
You can use this attribute with any SVG element.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The unicode-bidi
attribute specifies how the accumulation of the background image is managed.
Note: As a presentation attribute,
unicode-bidi
can be used as a CSS property. See the CSSunicode-bidi
property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The vector-effect
property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
Note: As a presentation attribute,
vector-effect
can be used as a CSS property.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The visibility
attribute lets you control the visibility of graphical elements. With a value of hidden
or collapse
the current graphics element is invisible.
Note: If the
visibility
attribute is set tohidden
on a text element, then the text is invisible but still takes up space in text layout calculations.
Depending on the value of attribute pointer-events, graphics elements which have their visibility
attribute set to hidden
still might receive events.
Note: As a presentation attribute,
visibility
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The word-spacing
attribute specifies spacing behavior between words.
If a length is provided without a unit identifier (e.g. an unqualified number such as 128), the browser processes the <length> as a width value in the current user coordinate system.
If a <length> is provided with one of the unit identifiers (e.g. .25em or 1%), then the browser converts the <length> into a corresponding value in the current user coordinate system.
Note: As a presentation attribute,
word-spacing
can be used as a CSS property. See the property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
The writing-mode
attribute specifies whether the initial inline-progression-direction for a text element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode
attribute applies only to text elements; the attribute is ignored for tspan, tref, and textPath sub-elements. (Note that the inline-progression-direction can change within a text element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.)
Note: As a presentation attribute,
writing-mode
can be used as a CSS property. See the CSS writing-mode property for more information.
Type | Required | Position | PipelineInput |
---|---|---|---|
[PSObject] |
false | named | true (ByPropertyName) |
SVG.feFlood [[-Content] <Object>] [-Data <IDictionary>] [-On <Object>] [-Attribute <IDictionary>] [-Comment <String>] [-Children <PSObject>] [-FloodColor <PSObject>] [-FloodOpacity <PSObject>] [-Id <PSObject>] [-Lang <PSObject>] [-Tabindex <PSObject>] [-XmlBase <PSObject>] [-XmlLang <PSObject>] [-XmlSpace <PSObject>] [-AlignmentBaseline <PSObject>] [-BaselineShift <PSObject>] [-Clip <PSObject>] [-ClipPath <PSObject>] [-ClipRule <PSObject>] [-Color <PSObject>] [-ColorInterpolation <PSObject>] [-ColorInterpolationFilters <PSObject>] [-ColorProfile <PSObject>] [-Cursor <PSObject>] [-Direction <PSObject>] [-Display <PSObject>] [-DominantBaseline <PSObject>] [-EnableBackground <PSObject>] [-Fill <PSObject>] [-FillOpacity <PSObject>] [-FillRule <PSObject>] [-Filter <PSObject>] [-FontFamily <PSObject>] [-FontSize <PSObject>] [-FontSizeAdjust <PSObject>] [-FontStretch <PSObject>] [-FontStyle <PSObject>] [-FontVariant <PSObject>] [-FontWeight <PSObject>] [-GlyphOrientationHorizontal <PSObject>] [-GlyphOrientationVertical <PSObject>] [-ImageRendering <PSObject>] [-Kerning <PSObject>] [-LetterSpacing <PSObject>] [-LightingColor <PSObject>] [-MarkerEnd <PSObject>] [-MarkerMid <PSObject>] [-MarkerStart <PSObject>] [-Mask <PSObject>] [-Opacity <PSObject>] [-Overflow <PSObject>] [-PointerEvents <PSObject>] [-ShapeRendering <PSObject>] [-StopColor <PSObject>] [-StopOpacity <PSObject>] [-Stroke <PSObject>] [-StrokeDasharray <PSObject>] [-StrokeDashoffset <PSObject>] [-StrokeLinecap <PSObject>] [-StrokeLinejoin <PSObject>] [-StrokeMiterlimit <PSObject>] [-StrokeOpacity <PSObject>] [-StrokeWidth <PSObject>] [-TextAnchor <PSObject>] [-TextDecoration <PSObject>] [-TextRendering <PSObject>] [-Transform <PSObject>] [-TransformOrigin <PSObject>] [-UnicodeBidi <PSObject>] [-VectorEffect <PSObject>] [-Visibility <PSObject>] [-WordSpacing <PSObject>] [-WritingMode <PSObject>] [<CommonParameters>]