VML Stroke

Dash Style - Line Style - Join Style - Line End Style - Fill type

Dash Style

  • shortdash
  • shortdot
  • shortdashdot
  • shortdashdotdot
  • dot
  • dash
  • dashdot
  • longdash
  • longdashdot
  • longdashdotdot

    • dot

    <v:line style=" from="100px,0px" to="500px,0px" strokecolor="red" strokeweight="2px">
    <v:stroke dashstyle="dot" startarrow="classic" endarrow="classic" StartArrowLength="long" EndArrowLength="long" Endcap="round"/>
    </v:line>


    Line Style

    • thickbetweenthin
    • thinthin
    • thinthick
    • thickthin
    thickbetweenthin

    <v:line from="200px,0px" to="300px,0px" strokecolor="red" strokeweight="2px">
    <v:stroke linestyle="thickbetweenthin" startarrow="classic" endarrow="classic"/>
    </v:line>

    Join Style

    • round
    • bevel
    • miter
    round <v:polyline points="200px,50px,250px,50px,250px,0px,350px,60px,250px,120px,250px,70px,200px,70px" strokecolor="red" strokeweight="10px">
    <v:stroke joinstyle="round" />
    </v:polyline>

    Line End Style

    Additional Attributes to include in the v:stroke tag
    StartArrow=" "
    EndArrow=" "    		StartArrowLength=" "
    EndArrowLength=" "
    		Endcap=" "
  • none
  • block
  • classic
  • diamond
  • oval
  • open
  • short
  • medium
  • long
  • flat
  • square
  • round

    • Fill Type

    • solid
    • pattern
    • tile
    • frame
    <v:roundrect style="width:100px;height:80px" strokecolor="red" strokeweight="15px">
    <v:stroke filltype="solid" />
    </v:roundrect>
    solid

    <v:roundrect style="width:100px;height:80px" strokecolor="red" strokeweight="15px">
    <v:stroke filltype="pattern" src="yourimage.jpg"/>
    </v:roundrect>
    pattern

    <v:roundrect style="width:100px;height:80px" strokecolor="red" strokeweight="15px">
    <v:stroke filltype="pattern" src="yourimage.jpg" color2="yellow" />
    </v:roundrect>
    pattern

    <v:roundrect style="width:100px;height:80px" strokecolor="red" strokeweight="15px">
    <v:stroke filltype="tile" src="yourimage.jpg" />
    </v:roundrect>
    tile

    <v:roundrect style="width:100px;height:80px" strokecolor="red" strokeweight="15px">
    <v:stroke filltype="frame" src="yourimage.jpg" />
    </v:roundrect>
    frame

    Note:

    Stroke can be applied to affect the border of shapes