layout-grid-line
解説
行グリッドの高さを指定します。
| none | 指定無し(初期値) |
|---|---|
| auto | 最も大きな文字に合わせてグリッドの高さが設定される |
プロパティ情報
| 値: | none,auto,長さ,パーセンテージのいずれか |
|---|---|
| 初期値: | none |
| 適用対象: | インライン要素 |
| 継承: | しない |
| パーセンテージ: | 親要素の大きさ |
| 適用メディア: | 視覚 |
| レベル: | MSIE5〜 |
参照
使用例
ソース
CSSの記述方法はスタイルシートってなに?も参照下さい。 div.sample1 {layout-grid-line: none;} div.sample2 {layout-grid-line: auto;} div.sample3 {layout-grid-line: 12px;} div.sample4 {layout-grid-line: 20%;}
HTMLの記述方法 <div class="sample1">サンプル<br>サンプル2行目</div> <div class="sample2">サンプル<br>サンプル2行目</div> <div class="sample3">サンプル<br>サンプル2行目</div> <div class="sample4">サンプル<br>サンプル2行目</div>
表示結果
サンプル
サンプル2行目
サンプル2行目
サンプル
サンプル2行目
サンプル2行目
サンプル
サンプル2行目
サンプル2行目
サンプル
サンプル2行目
サンプル2行目
