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

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


layout-grid-mode グリッドの有効・無効を指定する (IE5)

グリッドの有効・無効を指定します。

both
line char の両方に適用:規定値
line
line(行間)を適用
char
char(文字間)を適用
none
グリッドを無効

▲ページ先頭へ

使用例 layout-grid-mode

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
layout-grid-line:3em;
layout-grid-char:3em;
layout-grid-mode:none;
}
.smp2 {
layout-grid-line:3em;
layout-grid-char:3em;
layout-grid-mode:both;
}
.smp3 {
layout-grid-line:3em;
layout-grid-char:3em;
layout-grid-mode:line;
}
.smp4 {
layout-grid-line:3em;
layout-grid-char:3em;
layout-grid-mode:char;
}
-->
</style>
</head>
<body>
none
<p class="smp1">
あいうえお<br>
12345<br>
0123456789<br>
abcdefghij<br>
</p>
<br>
both
<p class="smp2">
あいうえお<br>
12345<br>
0123456789<br>
abcdefghij<br>
</p>
<br>
line
<p class="smp3">
あいうえお<br>
12345<br>
0123456789<br>
abcdefghij<br>
</p>
<br>
char
<p class="smp4">
あいうえお<br>
12345<br>
0123456789<br>
abcdefghij<br>
</p>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


none

あいうえお
12345
0123456789
abcdefghij


both

あいうえお
12345
0123456789
abcdefghij


line

あいうえお
12345
0123456789
abcdefghij


char

あいうえお
12345
0123456789
abcdefghij


▲ページ先頭へ

関連項目【グリッド】

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

▲ページ先頭へ

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