Text-Justify, Volume, and Other Style Sheet Properties

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