Layouts, Margins, and Other Style Sheet Property References

(Page 1 of 5 )

In this sixth part of our series on style sheet properties, you'll learn about layout properties, margins, and more. It is excerpted from chapter four of Dynamic HTML: The Definitive Reference, Third Edition, written by Danny Goodman (O'Reilly; ISBN: 0596527403). Copyright © 2006 O'Reilly Media, Inc. All rights reserved. Used with permission from the publisher. Available from booksellers or direct from O'Reilly Media.

Alphabetical Property Reference: ime-mode

ime-mode
IE 5(Win) NN n/a Moz n/a Saf n/a Op n/a CSS n/a

Inherited: No

Controls the presence of the Input Method Editor in IE for Windows for browser and system versions that support languages such as Chinese, Japanese, and Korean.

CSS Syntax

ime-mode: active | auto | disabled | inactive

Value                   One of four constants: active | auto | disabled | inactive.

Initial Value         auto

Example        input {ime-mode: active}

Applies To             input and textarea elements.

Object Model Reference

[window.]document.getElementById("elementID").style.imeMode

!important
IE 4 NN n/a Moz all Saf all Op all CSS 1

Inherited: No

Increases the weight (importance) of a property setting with respect to cascading order. This keyword is a declaration rather than a property, but it can be attached to any property setting. The syntax requires an exclamation symbol between the property value and the important keyword. Extra whitespace around the exclamation symbol is acceptable. See Chapter 3.

CSS Syntax

!important
Value              No values assigned to this declaration.

Example        p {font-size: 14pt !important}

Applies To       All elements.

Object Model Reference

[window.]document.getElementById("elementID").style.
getPropertyPriority("styleProperty")

layer-background-color, layer-background-image
IE n/a NN |4| Moz n/a Saf n/a Op n/a CSS n/a

Inherited: No

These are Navigator 4-only properties that allow a positioned element’s background color and image to extend through padding, all the way to the border. Values are the same as for the CSS background-color and background-image properties. See background-color , background-image , and padding .

layout-flow
IE 5.5 NN n/a Moz n/a Saf n/a Op n/a CSS n/a

Inherited: Yes

Intended primarily for languages that display characters in vertical sentences, this property controls the progression of content, left-to-right, or right-to-left. Microsoft recommends using the writing-mode property instead.

CSS Syntax

layout-flow: horizontal | vertical-ideographic

Value                 One of two constants: horizontal | vertical-ideographic .

Initial Value   horizontal

Example            body {layout-flow: vertical-ideographic}

Applies To         All elements.

layout-grid

Object Model Reference

[window.]document.getElementById("elementID").style.layoutFlow

layout-grid
IE 5(Win) NN n/a Moz n/a Saf n/a Op n/a CSS n/a

Inherited: Yes

This is a shorthand property that lets you set one or more layout grid properties ( layoutGridChar , layoutGridLine , layoutGridMode , and layoutGridType ) with one assignment statement. These properties are used primarily with Asian language content.

(, , , and ) with one assignment statement. These properties are used primarily with Asian language content.

CSS Syntax

layout-grid: layout-grid-mode | layout-grid-type | layout-grid-line | layout-grid-char

Value

For syntax and examples of value types for font and line properties, see the respective property listing.

Initial Value             both loose none none

Example                   body {layout-grid: both fixed 14px 14px}

Applies To                All elements.

Object Model Reference

[window.]document.getElementById("elementID").style.layoutGrid

layout-grid-char
IE 5(Win) NN n/a Moz n/a Saf n/a Op n/a CSS n/a

Inherited: Yes

Controls the size of the Asian language character grid for block-level elements.

CSS Syntax

layout-grid-char: length | auto | none

Value

Length value as an absolute unit measure, or a percentage. Or one of the following constants: auto | none.

Initial Value        none

Example                      body {layout-grid-mode: both; layout-grid-char: 14px} 

Applies To                    All elements.

Object Model Reference

[window.]document.getElementById("elementID").style.layoutGridChar

Next: Layout-grid-line >>
 

More DHTML Articles
More By O'Reilly Media

Comments On: Layouts, Margins, and Other Style Sheet Property References

· This article is an excerpt from the book "Dynamic HTML: The Definitive Reference,...   >>> Post your comment now!

Buy this book...

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.