目的
- HTMLファイルの行間の高さを設定する方法をまとめる。
押さえるポイント
- 行間の高さを設定するにline-heightプロパティを使用する。
- 行間の高さはピクセル数を用いて設定する。
- line-heightで行間の高さを設定すると、テキストは設定した行間の縦方向の中央に勝手に配置される。
書き方の例
- 下記にCSSファイルの内容を記載する。
要素の名前かクラス名 {
line-height: ピクセル数;
}
より具体的な例
- h1要素の行間の高さを10ピクセルに設定する。
- 下記にHTMLファイルの内容を記載する。
<h1>おはようございます。</h1>
- 下記にCSSファイルの内容を記載する。
h1 {
line-height: 10px;
}