書式
layout-grid-mode:値
対象
ブロックレベル要素
継承
する
初期値
both
バージョン
独自プロパティ
対応ブラウザ
Win IE5.0以降
解説
グリッドの揃え方を指定します。以下の値が指定できます。
| 設定名 |
方法 |
| none |
なし |
| both |
両方とも揃える |
| char |
横方向だけ揃える |
| line |
縦方向だけ揃える |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; top:10;left:10px;
layout-grid-line:30px;
layout-grid-char:30px;
layout-grid-mode:both;
}
--></style>
</head>
<body>
<div>サンプルテキストです。<br>
グリッドに沿って表示されます。縦横のグリッドは、いずれも30pxになっています。</div>
</body>
</html>