| Which Style Sheet Properties Map Onto Which DOM Properties For Each Browser |
Which Style Sheet Properties Map Onto Which DOM Properties For Each Browser
| CSS Property |
Netscape Layer Object Property |
Microsoft Style Object Property |
| |
|
|
| position |
none |
position
Note: read-only, cannot modify via script |
| width |
none |
pixelWidth |
| height |
none |
pixelHeight |
| left |
left
Note: Accepts either an integer (assumed pixel units) or a percentage string.
Examples: left=10 or left="20%" |
left or pixelLeft
Note: pixelLeft accepts a string which specifies measurement units; e.g. pixelLeft="10px" whereas left accepts an integer and assumes pixel units; e.g. left=10. |
| top |
top
Note: Accepts either an integer (assumed pixel units) or a percentage string.
Examples: top=10 or top="20%" |
top or pixelTop
Note: pixelTop accepts a string which specifies measurement units; e.g. pixelTop="10px" whereas top accepts an integer and assumes pixel units; e.g. top=10. |
| clip |
clip.top
clip.left
clip.right
clip.bottom
clip.width
clip.height
Each dimension of the clipping coordinates is its own property, as seen here. Changing any property immediately causes the on-screen clip to change. |
"rect(top right bottom left)"
To change the clip in MSIE you must redefine all clipping coordinates. The syntax can be a bit confusing.
Example:
document.all.blockname.style.clip ="rect(0 25 25 0)" |
| visibility |
visibility
May contain any of "inherit", "show", or "hide" |
visibility
May contain any of "inherit", "visible", or "hidden" |
| z-index |
zIndex
Any non-negative integer. |
zIndex
MSIE allows negative integers, but you may as well stick with positive for the sake of Netscape. |
| background-color |
bgColor
Accepts string containing pre-defined color name or hex RGB triplet.
Examples:
document.layers["blockname"].bgColor ="black"
document.layers["blockname"].bgColor ="#000000" |
backgroundColor
Accepts string containing pre-defined color name or hex RGB triplet.
Examples:
document.all.blockname.style.backgroundColor ="black"
document.all.blockname.style.backgroundColor ="#000000" |
| background-image |
background.src
Example:
document.layers["blockname"].background.src="images/tile.jpg" |
backgroundImage
Example:
document.all.blockname.backgroundImage ="images/tile.jpg" | |
| Return to Listing |