layout-grid-char

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


ブラウザ

IE5 / IE5.5 / IE6

▲PageTop

書式

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

▲PageTop

指定できる値

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

▲PageTop

サンプル

ソースコード

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

表示結果

layout-grid-charサンプル1
layout-grid-charサンプル2
layout-grid-charサンプル3

▲PageTop

関連項目

CSS

layout-grid / layout-grid-line / layout-grid-mode / layout-grid-type

▲PageTop