VML (http://www.itlearner.com/code/vml/index.html) Tutorial)
1. common attributes unique to VML tags (not HTML or CSS)
property name |
default value |
value type/range |
purpose |
strokeweight |
0.75pt = 1px |
Number |
describe the Border width of the image |
strokecolor |
black |
color |
border color of the Description Image |
stroked |
true |
Boolean |
describe whether the image uses a border |
fillcolor |
White |
color |
specifies the background color of the image |
filled |
true |
Boolean |
describe whether the image uses the background |
Print |
true |
Boolean |
specifies whether the image can be printed by a printer |
coordsize |
1000,1000 |
vector2d |
the ratio of the image to the container space |
coordorigin |
0 0 |
vector2d |
coordinate at top-left corner of element |
wrapcoords |
null |
string |
outline to use for tight text wrapping |
2. html common attributes supported by VML tags
Attribute name |
Default Value |
Value Type/range |
Purpose |
ID |
Null |
String |
Define the identity index of an element (mostly used for DHTML programming) |
Class |
Null |
Classname |
Defines the CSS style class used by the element |
Style |
Null |
CSS string |
CSS style sheets describing graphics |
Title |
Null |
String |
Define the title of the graphic prompt (the help prompt after the mouse is near) |
Href |
Null |
String |
Define the URL of the Graphic Link |
Target |
_ Self |
_ Self/_ blank/_ top |
Define the form in which a graph opens a link |
Contenteditable |
False |
Boolean |
Specifies whether the graphic content can be edited. |
Dir |
LTr |
LTr/RTL |
Specifies the direction in which the graphic content is output. |
Disabled |
False |
Boolean |
Description graphics can respond to user event triggers |
3. Common CSS attributes supported by VML tags
In fact, VML elements support almost all CSS style definitions, while some HTML elements do not support rotation and rotation styles, but VML does. Here, I will only list some of them.
Attribute name |
Available value/available value range |
Purpose |
Width |
0-9999 |
Description width |
Height |
0-9999 |
Description height |
Position |
Static absolute fixed relative |
Describe how to locate the output |
Left |
0-9999 |
Description left distance from the page location |
Top |
0-9999 |
Description distance from the page location |
Z-Index |
0-9999 |
3D location description |
Cursor |
Auto crosshair hand move help Wait text ...... |
Describe the Mouse shape |
Zoom |
0-99 |
Scale description |
Clip |
Rect (top right bottom left) |
Description cropping object |
Border |
0-99 style color |
Description border |
Display |
Block none inline list-item |
Show or hide descriptions |
Overflow |
Visible auto hidden scroll |
Description scroll bar |
Color |
Colorstring |
Description text content color |
Font-size |
0-999 |
Description text font size |
Filter |
Xray flipv fliph invert alpha (opacity = num) |
Filter effect description |
Rotation |
(0-9999) % 360 |
Describe the degree of Rotation |
Flip |
X Y |