ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >テキスト

行間を指定する

{line-height:値;}で文章の行間を指定することができます。これにより 文章が複数行ある時、読みやすくなります。


行間の値は数字、em、%などで 指定します。数字は小数点の値も指定できます。

【ブラウザ表示】

行間が5に設定されてるので
文章と文章が適度に離れてい
て読みやすいかと思われます。

ソース

<span class="aida1">
行間が5に設定されてるので<br>
文章と文章が適度に離れてい<br>
て読みやすいかと思われます。
</span>

外部ファイル

span.aida1{line-height:5;}


<body>〜</body>に直接記入する場合

<span style="line-height:5;">
行間が5に設定されてるので<br>
文章と文章が適度に離れてい<br>
て読みやすいかと思われます。
</span>

■ その他の項目

文字の大きさを変える
文字の色を変える
文字の太さを指定する
文字の書体を指定する
文字を斜めにする
小文字英字を大文字で表示
文字の表示位置を指定する
字下げをする
文字、単語の間隔を空ける
文字に線を引く
小文字と大文字を入れ換える
上付き文字と下付き文字

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.