Sponsored Link
プロパティ・値の解説
| プロパティ | 指定の効果 | 値 |
|---|---|---|
| font-size | 文字の大きさのサイズ指定。 | 主にpx指定や%・em・remなど |
CodePenで動作チェック
「font-size」の指定を行うことで実際にはどういった影響があるのかを、CodePenのウィンドウを使って動作チェックしてみましょう。
CodePenのウィンドウで以下の作業を行いましょう。
/* font-size: 40px; */
↓「/*」「*/」を削除↓
font-size: 40px;
See the Pen プロパティ:font-size・line-height by 脇坂基徳 (@rvyolqet-the-vuer) on CodePen.
文字の大きさをサイズ指定するプロパティ
font-sizeは指定要素の文字の大きさをサイズ指定するプロパティです。
文字の指定に関しては他にも以下のプロパティなどがあります。
| プロパティ | 指定の効果 |
|---|---|
| font-family | 書体の指定 |
| font-weight | 太さの指定 |
| font-style | 状態(斜体など)の指定 |
| line-height | 行間の高さの指定 |
| color | 文字色の指定 |