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

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


layout-grid-char 文字間のスペースを指定する (IE5)

文字間のスペースを指定します。

none
指定無し:規定値
auto
自動(最も大きな文字に合わせる)
数値指定
px,em
割合指定
%

px 画像を構成する最小単位 (モニタの解像度により変化)

em 文字の高さを1とした単位 (フォントサイズにより変化)

▲ページ先頭へ

使用例 layout-grid-char

HTMLソース

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

▲ページ先頭へ

ブラウザ上の表示


指定なし

あいうえお
12345
0123456789
abcdefghij


auto

あいうえお
12345
0123456789
abcdefghij


10%

あいうえお
12345
0123456789
abcdefghij


▲ページ先頭へ

関連項目【グリッド】

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

▲ページ先頭へ

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