layout-grid-type

layout-grid-type は、テキストをグリッドに合わせる時に使います。（IE独自プロパティ）

Value（値）

loose
初期値 「layout-grid-char」で指定されたの値が適用され幅を空けて表示される
strict
英数字はそのままで全角文字・半角カナをグリッドに合わせる
fixed
全ての文字をグリッドに合わせる

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p.test1 { layout-grid-type: loose; }
   p.test2 { layout-grid-type: strict; }
   p.test3 { layout-grid-type: fixed; }
  </style>
 </head>
 <body>
   <p class="test1">（文章）</p>
   <p class="test2">（文章）</p>
   <p class="test3">（文章）</p>
 </body>
</html>

display

ABCDEFGHIJKLMNOPQRSあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん安似宇衣於加機久計己左之寸世曽太知州天止ｱｲｳｴｵｶｷｸｹｺ

ABCDEFGHIJKLMNOPQRSあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん安似宇衣於加機久計己左之寸世曽太知州天止ｱｲｳｴｵｶｷｸｹｺ

ABCDEFGHIJKLMNOPQRSあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん安似宇衣於加機久計己左之寸世曽太知州天止ｱｲｳｴｵｶｷｸｹｺ

上に戻る