|
 |
|
行間や文字間隔の有効・無効を切り替える
サンプルと機能
→ Sample：行間や文字間隔の有効・無効を切り替える
「layout-grid-char」、「layout-grid-line」で指定した文字間隔・行間隔の有効・無効を切り替えます。
スタイルシート・サンプル
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。
→ ページ全体に適用する場合（サンプルのためタグごとに効果を変えています。参照）
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
.md1 {
layout-grid-line: 1ex; /* 行間隔 */
layout-grid-char: 1ex; /* 文字間隔 */
layout-grid-mode: both; /* どちらも有効 */
}
.md2 {
layout-grid-line: 1ex; /* 行間隔 */
layout-grid-char: 1ex; /* 文字間隔 */
layout-grid-mode: char; /* 文字間隔のみ有効 */
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV class="md1">
行間隔は1exになっています。<BR>
文字間隔は1exになっています。<BR>
どちらも有効になっています。
</DIV><BR>
<DIV class="md2">
行間隔は1exになっています。<BR>
文字間隔は1exになっています。<BR>
文字間隔のみ有効になっています。
</DIV>
</BODY>
</HTML> |
解説・注意点など
使用スタイル：layout-grid-mode
指定可能な値：both, char, line, none
あらかじめ、「layout-grid-char」、「layout-grid-line」で文字間隔・行間隔を指定しておく必要があります。
← スタイルシートに戻る
|
|
|
