layout-grid-mode
解説
行グリッドと文字グリッドそれぞれの有効・無効を指定します。
both | 行グリッド・文字グリッドの両方をに有効にする(初期値) |
---|---|
none | グリッドを無効にする |
line | 行グリッドのみ有効 |
char | 文字グリッドのみ有効 |
プロパティ情報
値: | both ,none ,line ,char のいずれか |
---|---|
初期値: | both |
適用対象: | 全ての要素 |
継承: | する |
パーセンテージ: | 不可 |
適用メディア: | 視覚 |
レベル: | MSIE5〜 |
参照
使用例
ソース
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">サンプル1行目<br>サンプル2行目</div> <div class="sample2">サンプル1行目<br>サンプル2行目</div> <div class="sample3">サンプル1行目<br>サンプル2行目</div> <div class="sample4">サンプル1行目<br>サンプル2行目</div>
表示結果
サンプル1行目
サンプル2行目
サンプル2行目
サンプル1行目
サンプル2行目
サンプル2行目
サンプル1行目
サンプル2行目
サンプル2行目
サンプル1行目
サンプル2行目
サンプル2行目