Text-Justify, Volume, and Other Style Sheet Properties - Writing-mode
(Page 6 of 6 )
writing-mode
IE 5.5 NN n/a Moz all Saf all Op all CSS n/a
Inherited: Yes
Intended primarily for languages that display characters in vertical sentences, this controls the progression of content, left-to-right, or right-to-left.
CSS Syntax
writing-mode: direction
Value
One of the constant values: lr-tb | tb-rl. Value of tb-rl can rotate text of some languages by 90 degrees.
Initial Value lr-tb
Applies To All elements.
Object Model Reference
[window.]document.getElementById("elementID").style.writingMode
z-index
IE 4 NN 4 Moz all Saf all Op all CSS 2
Inherited: No
For a positioned element, this sets the stacking order relative to other elements within the same parent container. See Online Section V for details on relationships of element layering amid multiple containers.
CSS Syntax
z-index: integer | auto
Value
Any integer value. A value of auto is the same as a value of zero. When all elements in the same parent container have the same z-index value, the stacking order is determined by element source code order.
Initial Value auto
Example div#instrux {position: absolute; left: 50; top: 70; z-index: 2}
Applies To Positioned elements.
Object Model Reference
[window.]document.getElementById("elementID").style.zIndex
Notes
Rendering mechanisms in many browsers and versions generate form controls (buttons, text boxes, and especially select elements) in such a way that they always render in front of a positioned element, regardless of z-index property setting. This means that a positioned element may find a form control from the regular content flow sticking out in front of the positioned element, such as a drop-down menu. There is no workaround for this, other than to set the visibility of the form controls (or its form container) to hidden while the positioned element is visible. IE 7 fixes this problem.
zoom
IE 5.5 NN n/a Moz n/a Saf n/a Op n/a CSS n/a
Inherited: No
Controls the magnification of rendered content. This is particularly useful for output that might be displayed on monitors with very high pixel density. See screen.logicalXDPI property in Chapter 2.
CSS Syntax
zoom: scale | percentage | normal
Value
Magnification can be denoted as a floating-point number, a scaling factor (1.0 is normal), or a percentage (100% is normal).
Initial Value normal
Example body {zoom: 200%}
Applies To All elements.
Object Model Reference
[window.]document.getElementById("elementID").style.zoom
| DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware. |
|
This article is excerpted from chapter four of Dynamic HTML: The Definitive Reference, Third Edition, written by Danny Goodman (O'Reilly; ISBN: 0596527403). Check it out today at your favorite bookstore. Buy this book now.
|
|