stroke

  • Revision slug: SVG/Attribute/stroke
  • Revision title: stroke
  • Revision id: 91579
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment page created, 87 words added

Revision Content

« SVG Attribute reference home

the stroke attribute is a presentation attribute that define the color of the outline of the given graphical element. The default value for the stroke attribute is none which mean that the outline is never drawn.

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet

Usage context

Categories Presentation attribute
Value <paint>
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

Elements

The following elements can use the stroke attribute

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>the stroke attribute is a presentation attribute that define the color of the outline of the given graphical element. The default value for the <code>stroke</code> attribute is <strong>none</strong> which mean that the outline is never drawn.</p>
<p>As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet</p>
<h2>Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td>Presentation attribute</td> </tr> <tr> <th scope="row">Value</th> <td><a href="/en/SVG/Content_type#Paint" title="en/SVG/Content_type#Paint">&lt;paint&gt;</a></td> </tr> <tr> <th scope="row">Animatable</th> <td>Yes</td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="http://www.w3.org/TR/SVG/painting.html#StrokeProperty" title="http://www.w3.org/TR/SVG/painting.html#StrokeProperty">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<h2>Example</h2>
<h2>Elements</h2>
<p>The following elements can use the <code>stroke</code> attribute</p>
<ul> <li><a href="/en/SVG/Element#Shape" title="en/SVG/Element#Shape">Shape elements</a> »</li> <li><a href="/en/SVG/Element#TextContent" title="en/SVG/Element#TextContent">Text content elements</a> »</li>
</ul>
Revert to this revision