書式
layout-grid-type:方法
対象
ブロックレベル要素
継承
する
初期値
loose
バージョン
独自プロパティ
対応ブラウザ
Win IE5.0以降
解説
グリッドでの文字の配置方法を指定します。以下の値が指定できます。
| 設定名 |
方法 |
| loose |
全角文字は1グリッドに配置、半角文字は1グリッドに2文字は位置される |
| strict |
全角文字のみ配置し、半角文字は配置しない |
| fixed |
全角文字、半角文字問わずに1文字を1グリッドに配置する |
サンプルコード
<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;
layout-grid-type:fixed;
}
--></style>
</head>
<body>
<div>サンプルテキストです。<br>
グリッドに沿って表示されます。縦横のグリッドは、いずれも30pxになっています。<br>
123,ABCなどの半角英数字もグリッドの1マスに配置されます。</div>
</body>
</html>