layout-grid-type
解説
文字グリッドのタイプを指定します。
loose | 全角文字や半角カナには、layout-grid-charプロパティの値が適用されるが、筆記体を除く半角英数字に対しては、layout-grid-charプロパティ値の半分が適用される |
---|---|
strict | 全角文字や半角カナのみをグリッドに収める |
fix | すべての文字をグリッドに収める |
プロパティ情報
値: | loose 、strict 、fix のいずれか |
---|---|
初期値: | loose |
適用対象: | blockquote ,body ,center ,
dd ,dir ,div ,dl ,dt ,
fieldset ,form ,hn ,hr ,li ,
listing ,marquee ,menu ,ol ,
p ,plaintext ,pre ,style ,
table ,td ,th ,tr ,ul ,
xmp |
継承: | する |
パーセンテージ: | 不可 |
適用メディア: | 視覚 |
レベル: | MSIE5〜 |
参照
使用例
ソース
CSSの記述方法はスタイルシートってなに?も参照下さい。 div.sample1 {layout-grid-char: 10px; layout-grid-type: loose;} div.sample2 {layout-grid-char: 10px; layout-grid-type: strict;} div.sample3 {layout-grid-char: 10px; layout-grid-type: fix;}
HTMLの記述方法 <div class="sample1">sampleサンプル</div> <div class="sample2">sampleサンプル</div> <div class="sample3">sampleサンプル</div>
表示結果
sampleサンプル
sampleサンプル
sampleサンプル