In order to access this site you need to enable JavaScript!

You are here: Reference > CSS > properties > layout-grid-line

layout-grid-line property

Browser support:

Specifies the gridline value used for laying out Japanese or Chinese characters in a web document.

It has effect only if the layout-grid-mode property is set to line or both, and only applies to block elements.

JavaScript page for this property: layoutGridLine. You can find other example(s) there.

Possible values:

One of the following values:

auto

Character grid is to be dependent on the largest character.

height in non-negative length

The height of the gridline in length units. For the supported length units, see the length page.

height in non-negative percentage

The height of the gridline is the specified percentage of the height of the parent element.

none

Default. No grid line is drawn.

Default: none.

Example HTML code 1:

This example illustrates the use of the layout-grid-line property:

<head>
    <style>
        .example {
            layout-grid-line: 15px;
        }
    </style>
</head>
<body>
    <div class="example">
        layout-grid-line: 15px 
        <br />
        between these two lines
    </div>
</body>

Copy Code

Preview

Syntax Highlighter

Did you find this example helpful? yes no

Supported by tags:

address, blockQuote, body, caption, center, dd, dir, div, dl, dt, fieldSet, form, H1, H2, H3, H4, H5, H6, html, isIndex, legend, li, listing, marquee, menu, ol, p, pre, table, td, textArea, th, tr, ul, xmp

ime-mode
layout-flow
layout-grid
layout-grid-char
layout-grid-mode
layout-grid-type
ruby-align
ruby-overhang
ruby-position
text-justify
text-kashida-space
unicode-bidi

External links:

layout-grid-line (MSDN)

Digg Del.icio.us Reddit Facebook Twitter Diigo

User Contributed Comments

layout-grid-line property

Possible values:

Example HTML code 1:

Supported by tags:

Related pages:

External links:

Post Content