font-sizeプロパティ
font-sizeはフォントサイズを指定するプロパティです。
| プロパティ値 | 説明 | 表示 |
|---|
| 数値＋単位（em) | エム：1文字分のサイズ | 文字の大きさ(1em) |
| 数値＋単位（pt) | ポイント：1ポイント＝1/72インチ | 文字の大きさ(1pt) |
| 数値＋単位（px) | ピクセル：ピクセルとは画素のこと。１ピクセルはモニタディスプレイの１つの点 | 文字の大きさ(1px) |
| medium | 標準 | 文字の大きさ |
| small | 標準より小さく | 文字の大きさ |
| smaller | より小さく | 文字の大きさ |
| x-small | 小さい | 文字の大きさ |
| xx-small | 非常に小さい | 文字の大きさ |
| large | 標準より大きい | 文字の大きさ |
| x-large | 大きい | 文字の大きさ |
| xx-large | より大きい | 文字の大きさ |
font-styleプロパティについて
フォントをイタリックやオブリークで表示するかどうかを決めるプロパティです。
| プロパティ値 | 説明 | 表示 |
|---|
| normal | 通常のフォントで表示する。 | 文字のスタイル |
| italic | イタリック体で表示する。一般的には、初めから斜めに傾いたデザイン。 | 文字のスタイル |
| oblique | オブリーク体で表示する。一般的には、通常フォントを斜めに傾けたフォントを示す。 | 文字のスタイル |
font-weightプロパティについて
フォントの太さを決めるプロパティです。代表的なプロパティを４つ紹介します。
| プロパティ値 | 説明 | 表示 |
|---|
| normal | 通常の太さのフォントで表示する。 | 文字の太さ |
| bold | 太いフォントで表示する。 | 文字の太さ |
| bolder | 親要素に指定されているフォントより1段太いフォントで表示する。 | 文字の太さ |
| lighter | 親要素に指定されているフォントより1段細いフォントで表示する。 | 文字の太さ |
レベルアップにプロからの学びを。
オンラインで受講ができるスクールですので、全国どこからでも。
