文字のスタイル/フォント
文字のスタイル/フォント
「テキスト」の「文字の色」や「文字の大きさ」、「文字の太さ」や「フォントの種類」が指定できます。
color
テキストの色を指定できます。
CSSソース
p{
color: #33ccff;
}
color: #33ccff;
}
| 値 | 意味 | 説明 |
|---|---|---|
| RGB値 | #000000〜#ffffff | |
| 色名 | black、red、grayなど |
font-size
テキストの文字の大きさを指定できます。
CSSソース
p{
font-size: 11px;
}
font-size: 11px;
}
| 値 | 意味 | 説明 |
|---|---|---|
| % | パーセント | |
| px | ピクセル | ディスプレイの画素数 |
| em | 要素のフォントサイズに対する相対値 | |
| ex | 要素の小文字の「x」に対する相対値 | |
| in | インチ | 1in=2.54cm |
| cm | センチメートル | |
| mm | ミリメートル | |
| pt | ポイント | 1pt=1/72in |
| pc | パイカ | 1pc=12pt |
font-weight
テキストの文字の太さを指定できます。
CSSソース
p{
font-weight: bold;
}
font-weight: bold;
}
| 値 | 意味 | 説明 |
|---|---|---|
| normal | 普通書体 | デフォルト |
| bold | 太字 | |
| lighter | そのときの状態より細く | |
| bolder | そのときの状態より太く | |
| 数値 | 太さの数値表現 | 100〜900 |
font-family
テキストの表示フォントの種類を指定できます。 閲覧するパソコンにインストールされていないフォントは表示されませんので、 Windows（ウィンドウズ）用フォント、Mac（マック）用フォント、2つ以上併記するのが良いでしょう。
CSSソース
p{
font-family: Arial, Helvetica;
}
font-family: Arial, Helvetica;
}
人が登録