文字のスタイル/フォント
文字のスタイル/フォント
「テキスト」の「文字の色」や「文字の大きさ」、「文字の太さ」や「フォントの種類」が指定できます。
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;
}