Layouts, Margins, and Other Style Sheet Property References - Layout-grid-line
(Page 2 of 5 )
layout-grid-line
IE 5(Win) NN n/a Moz n/a Saf n/a Op n/a CSS n/a
Inherited: Yes
Controls the line height of Asian language character grid for block-level elements.
CSS Syntax
layout-grid-line: 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-line: 14px}
Applies To All elements.
Object Model Reference
[window.]document.getElementById("elementID").style.layoutGridLine
layout-grid-mode
IE 5(Win) NN n/a Moz n/a Saf n/a Op n/a CSS n/a
Inherited: Yes
Controls whether the Asian language character grid should be one- or two-dimensional.
CSS Syntax
layout-grid-mode: gridMode
Value
One of the following constants: both | char (for inline elements) | line (for block-level elements) | none.
Initial Value both
Example body {layout-grid-mode: both}
Applies To All elements.
Object Model Reference
[window.]document.getElementById("elementID").style.layoutGridMode
layout-grid-type
IE 5(Win) NN n/a Moz n/a Saf n/a Op n/a CSS n/a
Inherited: Yes
Controls how the layout grid responds to characters of varying width.
CSS Syntax
layout-grid-type: gridType
Value One of the following constants: fixed | loose | strict .
left
Initial Value fixe d
Example div.kor {layout-grid-type: strict}
Applies To Block-level elements .
Object Model Reference
[window.]document.getElementById("elementID").style.layoutGridType
left
IE 4 NN 4 Moz all Saf all Op all CSS 2
Inherited: No
For positionable elements, defines the offset position of the left margin edge of an element relative to the left edge of the next outermost block content container. When the element is relative-positioned, the offset is based on the left edge of the inline location of where the element would normally appear in the content.
CSS Syntax
left: length | percentage | auto
Value
See the discussion about length values at the beginning of this chapter. Negative lengths may be allowed in some contexts, but be sure to test the results on all browsers. You may also specify a percentage value, which is calculated based on the width of the next outermost container. The setting of auto lets the browser determine the left offset of the element box within the containing box by virtue of normal element flow.
Initial Value auto
Example
h1 {position: relative; left: 2em}
#logo {position: absolute; left: 80px; top: 30px}
Applies To Positioned elements.
Object Model Reference
[window.]document.getElementById("elementID").style.left
letter-spacing
IE 4 NN n/a Moz all Saf all Op all CSS 1
Inherited: Yes
Defines the spacing between characters within an element. Browsers normally define the character spacing based on font definitions and operating-system font rendering. To override the settings, assign a length value to the letter-spacing property. A negative value tightens the spacing, but test the effect on the selected font for readability on different operating systems.
CSS Syntax
letter-spacing: length | normal
Value
See the discussion at the beginning of this chapter about length values. The best results use units that are based on the rendered font size (em and ex). A setting of normal is how the browser sets the letters without any intervention.
Initial Value normal
Example
.tight {letter-spacing: -0.03em}
blockquote {letter-spacing: 1.1em}
Applies To All elements.
Object Model Reference
[window.]document.getElementById("elementID").style.letterSpacing
Next: Line-break >>
More DHTML Articles
More By O'Reilly Media
|
 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.
|
|
