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あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん安似宇衣於加機久計己左之寸世曽太知州天止アイウエオカキクケコ

上に戻る