www.fgks.org   »   [go: up one dir, main page]

Click to Rate and Give Feedback
Properties
 layoutGridChar Property
layout-grid-char Attribute | layoutGridChar Property

Sets or retrieves the size of the character grid used for rendering the text content of an element.

Syntax

HTML { layout-grid-char : sCharSize }
Scripting[ sCharSize = ] object.style.layoutGridChar

Possible Values

sCharSizeString that specifies or receives one of the following values.
noneDefault. No character grid is set.
autoLargest character in the font of the element is used to set the character grid.
lengthFloating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px). For more information about the supported length units, see CSS Length Units Reference.
percentageInteger, followed by a percent sign (%). The value is a percentage derived from the dimensions of the parent object.

The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of none. The Cascading Style Sheets (CSS) attribute is not inherited.

Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see About Dynamic Properties.

Remarks

The visual effects of the layout-grid-char attribute are similar to the lineHeight property.

Web documents in Asian languages, such as Chinese or Japanese, usually create a page layout for characters using a one- or two-dimensional grid. You can use the layout-grid attribute to incorporate this layout into Web documents.

The layout-grid-char attribute applies only to block-level elements.

Note  For this property to have an effect, the layout-grid-mode attribute must be set to line or both.

Example

This example uses the layout-grid-char attribute to specify character layout for a block of text.

<STYLE>
DIV.layout { layout-grid-char: auto }
</STYLE>

<DIV CLASS = "layout">
This is a block element containing a sentence of sample text.
</DIV>

Standards Information

This property is defined in Cascading Style Sheets (CSS), Level 3 (CSS3) World Wide Web link.

Applies To

BLOCKQUOTE, BODY, CENTER, currentStyle, DD, DIR, DIV, DL, DT, FIELDSET, FORM, hn, HR, LI, LISTING, MARQUEE, MENU, OL, P, PLAINTEXT, PRE, runtimeStyle, style, TABLE, TD, TH, TR, UL, XMP
Tags What's this?: Add a tag
Community Content
 
Add Community Content
© 2008 Microsoft Corporation. All rights reserved. Terms of Use  |  Trademarks  |  Privacy Statement
Page view tracker
DCSIMG