mozilla
Your Search Results

    stroke

    « 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)

    Example

    SVG Line with stroke

    Example1: Draw straight green line using stroke.

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

     

    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" />
    </svg>

     

    Elements

    The following elements can use the stroke attribute

    Document Tags and Contributors

    Contributors to this page:
    Last updated by: ntinsley78,