layout-grid-type

InternetExplorer独自のプロパティで、グリッドへの適応方法を指定します。尚、グリッドとは、原稿用紙のマス目にあたる部分を指します。

ブラウザ

IE5 / IE5.5 / IE6

書式

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

▲PageTop

指定できる値

値	初期値	意味
loose	○	筆記体以外の半角英数字についてはグリッドの半分に収められるようです。
strict		全角文字や半角カナのみグリッドに収めます。
fixed		全ての文字をグリッドに収めます。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        layout-grid-type : loose;
        layout-grid-char : 30px;
        layout-grid-line : 30px;
      }
      #sample2 {
        layout-grid-type : strict;
        layout-grid-char : 30px;
        layout-grid-line : 30px;
      }
      #sample3 {
        layout-grid-type : fixed;
        layout-grid-char : 30px;
        layout-grid-line : 30px;
      }
    </style>
  </head>
  <body>
    <p>layout-grid-typeサンプル0(何も指定していない)</p>
    <p id="sample1">layout-grid-typeサンプル1</p>
    <p id="sample2">layout-grid-typeサンプル2</p>
    <p id="sample3">layout-grid-typeサンプル3</p>
  </body>
</html>

表示結果

layout-grid-typeサンプル0(何も指定していない)

layout-grid-typeサンプル1

layout-grid-typeサンプル2

layout-grid-typeサンプル3

▲PageTop

layout-grid-type

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

CSS