layout-grid-mode

解説

行グリッドと文字グリッドそれぞれの有効・無効を指定します。

both	行グリッド・文字グリッドの両方をに有効にする（初期値）
none	グリッドを無効にする
line	行グリッドのみ有効
char	文字グリッドのみ有効

プロパティ情報

値：	`both`,`none`,`line`,`char`のいずれか
初期値：	both
適用対象：	全ての要素
継承：	する
パーセンテージ：	不可
適用メディア：	視覚
レベル：	MSIE5～

参照

layout-grid layout-grid-mode layout-grid-type layout-grid-line layout-grid-char

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

div.sample1 {layout-grid-mode: both; layout-grid-line: 10px; layout-grid-char: 10px;}
div.sample2 {layout-grid-mode: none; layout-grid-line: 10px; layout-grid-char: 10px;}
div.sample3 {layout-grid-mode: line; layout-grid-line: 10px; layout-grid-char: 10px;}
div.sample4 {layout-grid-mode: char; layout-grid-line: 10px; layout-grid-char: 10px;}

HTMLの記述方法

<div class="sample1">サンプル１行目<br>サンプル２行目</div>
<div class="sample2">サンプル１行目<br>サンプル２行目</div>
<div class="sample3">サンプル１行目<br>サンプル２行目</div>
<div class="sample4">サンプル１行目<br>サンプル２行目</div>

表示結果

サンプル１行目
サンプル２行目