cman.jp > WEBページ作成TOP > CSSリファレンス > 「行の高さ」
WEBページ作成
広告
line-height 「1行の高さを指定」
line-height プロパティは、1行の高さを指定することができます。
| CSS Ver. | 適用要素 | 継承 |
|---|---|---|
| 2.1 | 全て | する |
広告
line-height の値
【構文】
line-height : 値;| font [フォント情報をまとめて指定] ( サンプル ) | |
|---|---|
| line-height: 20pt; line-height: 20px; line-height: 0.5in; line-height: 1cm; line-height: 15mm; line-height: 1.2pc; |
絶対サイズで指定 「長さ・大きさの単位」参照 |
| line-height: 150%; line-height: 3ex; line-height: 3em; line-height: 3rem; |
相対サイズで指定 「長さ・大きさの単位」参照 |
line-height のサンプル
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>font指定サンプル</title>
<style type="text/css">
div { font-size;20pt;border: 1px solid #333;margin: 5px; }
.s1 { line-height: 1.5em; }
.s2 { line-height: 175%; }
.s3 { line-height: 30px; }
.s4 { line-height: 18mm; }
</style>
</head>
<body>
<div class="s1">ABCabc123あいう</div>
<div class="s2">ABCabc123あいう</div>
<div class="s3">ABCabc123あいう</div>
<div class="s4">ABCabc123あいう</div>
</body>
</html>
関連するCSSプロパティ
| font | フォント情報をまとめて指定 |
| font-style | フォントのスタイル（標準／斜体）を指定 |
| font-variant | フォントをスモールキャップ（英小文字の表示方法）を指定 |
| font-weight | フォントの太さを指定 |
| font-size | フォントのサイズを指定 |
| font-family | フォントの種類を指定 |
| @font-face | Webフォントの利用 |
| 関連するCSS(STYLE) | |
|---|---|
| height | 高さ |
| max-height | 高さの最大値 |
| min-height | 高さの最小値 |
| line-break | 禁則処理のルール(改行位置指定) |
| vertical-align | 縦（垂直）方向の文字位置 |
広告