Home arrow DHTML arrow Layouts, Margins, and Other Style Sheet Property References
DHTML

Layouts, Margins, and Other Style Sheet Property References


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.

Author Info:
By: O'Reilly Media
Rating: 4 stars4 stars4 stars4 stars4 stars / 6
October 04, 2007
TABLE OF CONTENTS:
  1. · Layouts, Margins, and Other Style Sheet Property References
  2. · Layout-grid-line
  3. · Line-break
  4. · List-style-image
  5. · Margin

print this article
SEARCH DEVARTICLES

Layouts, Margins, and Other Style Sheet Property References
(Page 1 of 5 )

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


blog comments powered by Disqus
DHTML ARTICLES

- Text-Justify, Volume, and Other Style Sheet ...
- Ruby-Position, Size, and Other Style Sheet P...
- Padding, Pages, and More Style Sheet Propert...
- Marks, Orphans, and More Style Sheet Propert...
- Layouts, Margins, and Other Style Sheet Prop...
- Floats, Fonts, and Other Style Sheet Propert...
- Color, Filters, and Other Style Sheet Proper...
- Borders and More with Style Sheets
- Learning Style Sheet Properties
- Style Sheet Property Reference
- Completing a Noisy Image Application
- An Object-Based Approach to Building Noisy I...
- A Basic Method for Building Noisy Images
- Adding More Features to Sliders with the Scr...
- Using Sliders with the Scriptaculous Framewo...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials