◆スタイルシートでの長さを指定するには、相対単位と絶対単位という２つの方法があります。
★相対単位（要素やブラウザなどの決められた値に対して働く単位・要素やブラウザによって変化する）
| 単位 |
意 味 |
指定記述例 |
| ｅｍ |
その要素のフォントサイズの値を１とする。 |
line-height : 1.6em; |
| ｅｘ |
その要素の小文字Ｘ（エックス）の高さを１とする。 |
margin : 1.5ex; |
| ｐｘ |
ＰＣ画面上の１ピクセルを１とする。 |
font-size : 10px; |
| ％ |
多くの場合、親要素の一部分を基準とした割合。
（属性によって異なります。） |
font-size :120%; |
★絶対単位（完全に決められた値・変化しない）
| 単位 |
意 味 |
指定記述例 |
| ｉｎ |
インチ（1ｉｎ＝2.54ｃｍ） |
margin : 0.5in; |
| ｃｍ |
センチメートル（普段使っている単位のまま） |
line-height : 2cm; |
| ｍｍ |
ミリメートル（普段使っている単位のまま） |
font-size : 5mm; |
| ｐｔ |
ポイント（1ｐｔ＝1/72ｉｎ） |
font-size : 12pt; |
| ｐｃ |
パイカ（1ｐｃ＝12ｐｔ） |
font-size : 1pc; |
★フォントサイズ指定のキーワード
| ワード |
意 味 |
指定記述例 |
| xx-small |
非常に小さい |
font-size : xx-small; |
| x-small |
小さい |
font-size : x-small; |
| small |
やや小さい |
font-size : small; |
| medium |
通常のサイズ（デフォルト） |
font-size : medium; |
| large |
やや大きい |
font-size : large; |
| x-large |
大きい |
font-size : x-large; |
| xx-large |
非常に大きい |
font-size : xx-large; |
※キーワードとは、あくまでも親要素（規定のサイズ等）に対する割合での指定です。
※たとえば、規定フォントサイズが ３だとすると、そのサイズよりも大きいか小さいか、ということになります。
|