layout-grid-line

layout-grid-line は、行グリッドの高さ(縦書きの場合は幅)を指定する時に使います。(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-line: none; }
   p.test2 { layout-grid-line: auto; }
   p.test3 { layout-grid-line: 100px; }
  </style>
 </head>
 <body>
   <p class="test1">(文章)</p>
   <p class="test2">(文章)</p>
   <p class="test3">(文章)</p>
 </body>
</html>

display

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

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

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

上に戻る