目的
- HTMLファイルのテキストの文字間隔を設定する方法をまとめる。
押さえるポイント
- 文字間隔を調整したい要素やクラス名を指定してletter-spacingプロパティで設定する。
- 文字間隔の設定はピクセル数を用いて設定する。
書き方の例
- 下記にCSSファイルの内容を記載する。
要素の名前かクラス名 {
letter-spacing: 文字間隔のピクセル数;
}
より具体的な例
- h1要素に記載されている「おはようございます。」の文字間隔を10ピクセルに設定する。
- 下記にHTMLファイルの内容を記載する。
<h1>おはようございます。</h1>
- 下記にCSSファイルの内容を記載する。
h1 {
letter-spasing: 10px;
}