asp.net.ph

Skip Navigation Links

layout-grid-mode Attribute | layoutGridMode Property

CSS Attributes Index   Box Attributes


Sets or retrieves whether the text layout grid uses two dimensions.

Syntax


CSS { layout-grid-mode: 'none' | 'line' | 'char' | 'both'}
Script [ 'none' | 'line' | 'char' | 'both' = ] oObject.style.layoutGridMode

Possible Values


none String specifying that no grid is used.
line String specifying only a line grid is used. This is recommended for inline elements, such as a SPAN, to disable the horizontal grid on runs of text that act as a single entity in the grid layout.
char String specifying only a character grid is used. This is recommended for block-level elements, such as a BLOCKQUOTE, where the line grid is intended to be disabled
both String specifying that both char and line grid modes are enabled. This setting is necessary to fully enable layout grid on an element

The property is read/write with no default value; the proposed cascading stylesheet ( CSS ) extension attribute is inherited.

Remarks

Characters in East Asian languages, such as Chinese or Japanese, commonly use page layout for characters according to a one- or two-dimensional grid.

Example

The following sample demonstrates the use of the layout-grid-mode attribute to specify character layout for a block of text.

<style>
DIV.layout {layout-grid-mode: "line";}
</STYLE>

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


© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note