layout-grid-line

InternetExplorer独自のプロパティで、line-heightプロパティのように、行の高さ(縦書きの場合は幅)を指定します。尚、グリッドとは、原稿用紙のマス目にあたる部分を指します。

ブラウザ

IE5 / IE5.5 / IE6

書式

要素[.class名][#id名]{ layout-grid-line : 値; }

▲PageTop

指定できる値

値	初期値	意味
none	○	指定しない場合と同様になります。
auto		横書きの場合で、高さ(縦書きならば幅)が最も大きな文字に合わせられます。
数値+単位		行の高さを指定します。単位例：px,em,ex,%

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        layout-grid-line : none;
      }
      #sample2 {
        layout-grid-line : auto;
      }
      #sample3 {
        layout-grid-line : 4em;
      }
    </style>
  </head>
  <body>
    <div id="sample1">layout-grid-lineサンプル1</div>
    <br>
    <div id="sample2">layout-grid-lineサンプル2</div>
    <br>
    <div id="sample3">layout-grid-lineサンプル3</div>
  </body>
</html>

表示結果

layout-grid-lineサンプル1

layout-grid-lineサンプル2

layout-grid-lineサンプル3

▲PageTop

layout-grid-line

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

CSS