スタイルシート 文字の属性

Webの森.com ホームページ作成支援サイト
文字に関する属性

文字サイズを指定する

font-size: ;
CSSでの文字サイズの指定する方法になります。値には、文字の大きさを決める数値を記入致します。様々な値を記入することができますが、一般的な%(パーセント)px(ピクセル)を使用する事をお勧めします。
以下がCSSで文字サイズをピクセル指定で表示させる参考サンプルです。
<div style="font-size: 20px;"> 文字を20px(ピクセル)で表示します。 </div>
 文字を20px(ピクセル)で表示します。 
文字が大きく表示されました。今度はパーセントで指定してみましょう。
<div style="font-size: 150%;"> 文字を20px(ピクセル)で表示します。 </div>
 文字を150%(パーセント)で表示します。 
分かり易く大きめに表示しましたが、使う用途において数値を調整してみましょう。またピクセル指定をするとブラウザでの文字サイズ変更などでサイズ変更ができなくなってしまいます。つまり今回の場合20pxで強制的に表示してしまうのです。ご自分のブラウザの文字サイズを変更して確認してみましょう。
今回はdivタグを使用してスタイルを指定しましたが、様々なタグにも使用できます。

文字の色を設定する - 参考例

div {
color: #ffffff;
}

文字を太文字にする - 参考例

div {
font-weight: bold;
}

文字の位置を設定する - 参考例

div {
text-align: center;
}
 値:『 left 』(左)、『 center 』(中央)、『 right 』(右)が入ります。

文字の行間を設定する - 参考例

div {
line-height: 10px;
}

文字間の設定をします - 参考例

div {
letter-spacing: 2px;
}
お願い
もしページの内容がお役に立てたら、ポチっと押して貰えると幸いです。

正当なCSSです!