スタイルシートリファレンス > layout-grid-type

スタイルシートリファレンス layout-grid-type


layout-grid-type グリッドのタイプを指定する (IE5)

グリッドのタイプを指定します。

loose
日本語や韓国語に適した方法:規定値
strict
日本語や韓国語や中国語に適した方法
fixed
固定

▲ページ先頭へ

使用例 layout-grid-type

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
layout-grid-char:30px;
layout-grid-type:loose;
}
.smp2 {
layout-grid-char:30px;
layout-grid-type:strict;
}
.smp3 {
layout-grid-char:30px;
layout-grid-type:fixed;
}
-->
</style>
</head>
<body>
指定なし
<p>
あいうえお<br>
12345<br>
0123456789<br>
abcdefghij<br>
</p>
<br>
loose
<p class="smp1">
あいうえお<br>
12345<br>
0123456789<br>
abcdefghij<br>
</p>
<br>
strict
<p class="smp2">
あいうえお<br>
12345<br>
0123456789<br>
abcdefghij<br>
</p>
<br>
fixed
<p class="smp3">
あいうえお<br>
12345<br>
0123456789<br>
abcdefghij<br>
</p>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


指定なし

あいうえお
12345
0123456789
abcdefghij


loose

あいうえお
12345
0123456789
abcdefghij


strict

あいうえお
12345
0123456789
abcdefghij


fixed

あいうえお
12345
0123456789
abcdefghij


▲ページ先頭へ

関連項目【グリッド】

layout-grid
行間や文字間のスペースをまとめて指定する (IE5)
layout-grid-line
行間のスペースを指定する (IE5)
layout-grid-char
文字間のスペースを指定する (IE5)
layout-grid-mode
グリッドの有効・無効を指定する (IE5)
layout-grid-type
グリッドのタイプを指定する (IE5)

▲ページ先頭へ

スタイルシートリファレンス > layout-grid-type