VML tag attributes.

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.