Vertical Gradient Example (VML)

Purpose

This example demonstrates how to use the Fill child element to create a vertical gradient fill for a VML shape.

Example

Code

<!-- Include the VML behavior -->
<style>v\: * { behavior:url(#default#VML); display:inline-block }</style>

<!-- Declare the VML namespace -->
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />

<v:rect style="height:80pt;width:120pt" coordsize="21600,21600" fillcolor="red">
  <v:fill method="linear sigma" type="gradient" angle = "-90" />
</v:rect>