Join MDN and developers like you at Mozilla's View Source conference, November 2-4 in Portland, Oregon. Learn more at


Nuestros voluntarios aún no han traducido este artículo al Español. ¡Únete a nosotros y ayuda a traducirlo!

« SVG Attribute reference home

The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.

Usage context

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


SVG Line with stroke

Example1: Draw straight green line using stroke.

<svg height="50" width ="300">
    <path stroke = "green" d="M5 20 1215 0" />


Example2: Draw black circle with blue border using stroke.

​​<svg height="200" width="200">
    <circle cx="50" cy="50" r="40" stroke="blue" stroke-width="2" fill ="black" />



The following elements can use the stroke attribute

Etiquetas y colaboradores del documento

Contributors to this page: ntinsley78, elindie, netsurfer912, Jeremie
Última actualización por: ntinsley78,