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

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

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

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

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

上に戻る