賢威で行間を指定したい場合、「lhXX」の汎用クラスを利用します。
行間を詰める
(見づらくなってしまいますが)行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。
1 |
<p class="lh10">(見づらくなってしまいますが)行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。行間を詰めたいとき。</p> |
行間を空ける
行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。
1 |
<p class="lh20">行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。行間を空けたいとき。</p> |
あらかじめ用意されているCSSは以下です。
1 2 3 4 5 6 7 8 9 10 11 |
.lh10{ line-height: 1.0!important; } .lh11{ line-height: 1.1!important; } .lh12{ line-height: 1.2!important; } .lh13{ line-height: 1.3!important; } .lh14{ line-height: 1.4!important; } .lh15{ line-height: 1.5!important; } .lh16{ line-height: 1.6!important; } .lh17{ line-height: 1.7!important; } .lh18{ line-height: 1.8!important; } .lh19{ line-height: 1.9!important; } .lh20{ line-height: 2.0!important; } |