layout-grid-mode

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

ブラウザ

IE5 / IE5.5 / IE6

書式

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

▲PageTop

指定できる値

値	初期値	意味
both	○	行／文字グリッド共に有効にします。
none		グリッドは使用されません。
line		行グリッドのみを有効にします。
char		文字グリッドのみを有効にします。

▲PageTop

サンプル

ソースコード

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

表示結果

layout-grid-modeサンプル1

layout-grid-modeサンプル2

layout-grid-modeサンプル3

layout-grid-modeサンプル4

▲PageTop

layout-grid-mode

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

CSS