文字のスタイル/フォント

文字のスタイル/フォント

「テキスト」の「文字の色」や「文字の大きさ」、「文字の太さ」や「フォントの種類」が指定できます。

color

テキストの色を指定できます。

CSSソース
p{
   color: #33ccff;
}
値/意味/説明
意味説明
RGB値#000000〜#ffffff
色名black、red、grayなど

font-size

テキストの文字の大きさを指定できます。

CSSソース
p{
   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;
}
値/意味/説明
意味説明
normal普通書体デフォルト
bold太字
lighterそのときの状態より細く
bolderそのときの状態より太く
数値太さの数値表現100〜900

font-family

テキストの表示フォントの種類を指定できます。 閲覧するパソコンにインストールされていないフォントは表示されませんので、 Windows(ウィンドウズ)用フォント、Mac(マック)用フォント、2つ以上併記するのが良いでしょう。

CSSソース
p{
   font-family: Arial, Helvetica;
}