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行目