CSS Attributes: Scalable Vector Graphics (SVG)

This section describes the Cascading Style Sheets (CSS) properties that you can use with Scalable Vector Graphics (SVG) within the HTML page.

In this section

TopicDescription

alignmentBaseline

Specifies which baseline of this element is to be aligned with the corresponding baseline of the parent.

baselineShift

Sets or retrieves a value that indicates how the dominant baseline should be repositioned relative to the dominant baseline of the parent text content element.

clipRule

Specifies the algorithm used to determine what parts of the canvas are affected by the fill operation.

colorInterpolationFilters

Specifies which color space to use for filter effects.

dominantBaseline

Sets or retrieves a value that determines or redetermines a scaled-baseline table.

enableBackground

Allocate a shared background image all graphic elements within a container.

fill

Sets or retrieves a value that indicates the color to paint the interior of the given graphical element.

fillOpacity

Sets or retrieves a value that specifies the opacity of the painting operation that is used to paint the interior of the current object.

fillRule

Sets or retrieves a value that indicates the algorithm that is to be used to determine what parts of the canvas are included inside the shape.

floodColor

Specifies the color used to flood the current filter-primitive subregion.

floodOpacity

Specifies the opacity value to use with feFlood elements.

glyphOrientationHorizontal

Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of horizontal.

glyphOrientationVertical

Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of vertical.

kerning

Gets or sets a value that indicates whether Windows Internet Explorer should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (that is, enable auto-kerning) or instead disable auto-kerning and set inter-character spacing to a specific length (typically zero).

lightingColor

Defines the color of the light source for filter primitives feDiffuseLighting and feSpecularLighting.

marker

Sets or retrieves a value that specifies the marker symbol that is used for all vertices on the given path element or basic shape.

markerEnd

Sets or retrieves a value that defines the arrowhead or polymarker that is drawn at the final vertex of a given path element or basic shape.

markerMid

Sets or retrieves a value that defines the arrowhead or polymarker that is drawn at every other vertex (that is, every vertex except the first and last) of a given path element or basic shape.

markerStart

Sets or retrieves a value that defines the arrowhead or polymarker that is drawn at the first vertex of a given path element or basic shape.

mask

Sets or retrieves a value that indicates a SVG mask.

pointerEvents

Sets or retrieves a value that specifies under what circumstances a given graphics element can be the target element for a pointer event in SVG. Starting with Internet Explorer 11, this property also has basic support for HTML elements (see "Remarks" section).

stopColor

Sets or retrieves a value that indicates what color to use at the current gradient stop.

stopOpacity

Sets or retrieves a value that defines the opacity of the current gradient stop.

stroke

Sets or retrieves a value that indicates the color to paint along the outline of a given graphical element.

strokeDasharray

Sets or retrieves one or more values that indicate the pattern of dashes and gaps used to stroke paths.

strokeDashoffset

Sets or retrieves a value that specifies the distance into the dash pattern to start the dash.

strokeLinecap

Sets or retrieves a value that specifies the shape to be used at the end of open subpaths when they are stroked.

strokeLinejoin

Sets or retrieves a value that specifies the shape to be used at the corners of paths or basic shapes when they are stroked.

strokeMiterlimit

Sets or retrieves a value that indicates the limit on the ratio of the length of miter joins (as specified in the strokeLinejoin property).

strokeOpacity

Sets or retrieves a value that specifies the opacity of the painting operation that is used to stroke the current object.

strokeWidth

Sets or retrieves a value that specifies the width of the stroke on the current object.

textAnchor

Aligns a string of text relative to the specified point.

 

 

 

Show:
© 2014 Microsoft