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～

参照

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

使用例

ソース

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サンプル