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
|