Export (0) Print
Expand All

CSS Attributes: Scalable Vector Graphics (SVG)

New for Windows Internet Explorer 9

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

Attributes/Properties

baselineShift

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

dominantBaseline

Gets or sets a value that determines or redetermines a scaled-baseline table.

fill

Gets or sets a value that indicates the color to paint the interior of the given graphical element.

fillOpacity

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

fillRule

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

glyphOrientationHorizontal

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

glyphOrientationVertical

Gets or sets 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 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).

marker

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

markerEnd

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

markerMid

Gets or sets 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

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

mask

Gets or sets a value that indicates a SVG mask.

pointerEvents

Gets or sets a value that specifies under what circumstances a given graphics element can be the target element for a pointer event in SVG.

stopColor

Gets or sets a value that indicates what color to use at the current gradient stop.

stopOpacity

Gets or sets a value that defines the opacity of the current gradient stop.

stroke

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

strokeDasharray

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

strokeDashoffset

Gets or sets a value that specifies the distance into the dash pattern to start the dash.

strokeLinecap

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

strokeLinejoin

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

strokeMiterlimit

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

strokeOpacity

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

strokeWidth

Gets or sets a value that specifies the width of the stroke on the current object.

Community Additions

ADD
Show:
© 2015 Microsoft