LoginSignup
2

More than 3 years have passed since last update.

HTML の 行間 の 高さ を 設定する

Posted at

目的

  • HTMLファイルの行間の高さを設定する方法をまとめる。

押さえるポイント

  • 行間の高さを設定するにline-heightプロパティを使用する。
  • 行間の高さはピクセル数を用いて設定する。
  • line-heightで行間の高さを設定すると、テキストは設定した行間の縦方向の中央に勝手に配置される。

書き方の例

  • 下記にCSSファイルの内容を記載する。
要素の名前かクラス名 {
  line-height: ピクセル数;
}

より具体的な例

  • h1要素の行間の高さを10ピクセルに設定する。
  • 下記にHTMLファイルの内容を記載する。
<h1>おはようございます。</h1>
  • 下記にCSSファイルの内容を記載する。
h1 {
  line-height: 10px;
}

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2