layout-grid-char

layout-grid-char は、文字グリッドの幅(横書きの場合は高さ)を指定する時に使います。（IE独自プロパティ）

Value（値）

none: 初期値幅を指定しない
auto: 最も大きな文字に合わせて幅(横書きの場合は高さ)が決められる
数値＋単位: 数値＋単位（px、em、ex、pt、mm、cm、in、pc）で指定
数値+％: 親ボックスに対する割合を指定。

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p.test1 { layout-grid-char: none; }
   p.test2 { layout-grid-char: auto; }
   p.test3 { layout-grid-char: 40px; }
   p.test4 { layout-grid-char: 10%; }
  </style>
 </head>
 <body>
   <p class="test1">（文章）</p>
   <p class="test2">（文章）</p>
   <p class="test3">（文章）</p>
   <p class="test4">（文章）</p>
 </body>
</html>

display

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん安似宇衣於加機久計己左之寸世曽太知州天止奈仁奴祢乃波比不部保末美武女毛也由与良利留礼呂和為恵遠无毛

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん安似宇衣於加機久計己左之寸世曽太知州天止奈仁奴祢乃波比不部保末美武女毛也由与良利留礼呂和為恵遠无毛

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん安似宇衣於加機久計己左之寸世曽太知州天止奈仁奴祢乃波比不部保末美武女毛也由与良利留礼呂和為恵遠无毛

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん安似宇衣於加機久計己左之寸世曽太知州天止奈仁奴祢乃波比不部保末美武女毛也由与良利留礼呂和為恵遠无毛

上に戻る