Flex Create a custom style HRule or VRule

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:ApplicationControlBar dock="true">
<mx:Form>
<mx:FormItem label="stokeWidth:">
<mx:HSlider
minimum="0"
maximum="20"
value="2"
liveDragging="true"
snapInterval="1"
tickInterval="1"
dataTipPrecision="0" />
</mx:FormItem>
<mx:FormItem label="strokeColor:">
<mx:ColorPicker
selectedColor="red" />
</mx:FormItem>
<mx:FormItem label="shadowColor:">
<mx:ColorPicker
selectedColor="blue" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>

<mx:HRule
strokeWidth="{}"
strokeColor="{}"
shadowColor="{}"
width="100%" />

</mx:Application>