|
|
|
テキストについて
この章では主にテキストのデザインを紹介しています。
HTMLでデザインを行うための要素を代替する手段を中心に、HTMLでは実現できないデザインも扱っています。
主にインライン要素を装飾します。
ブロック要素を装飾した場合にはボックス全体が装飾されるだけです。
インライン要素とブロック要素の詳細はボックス関連をご覧ください。
フォントの基本
HTMLでは<font>は非推奨タグとなり、スタイルシートで代替することが求められています。
<font>を代替する属性は以下のとおりです。
font-family
文字のフォント[フォント名(MS 明朝など)または総称フォント名(sans-serifなど)]を設定
color
文字色[#RRGGBB, rgb(R,G,B), カラーネームなど]を設定
font-size
文字のサイズ[数値(px, pt, em, inなどの単位)やキーワード(x-largeやsmallerなど)]を設定
font-weight
文字を太字[normal, bold, bolder, lighter, 数値指定(単位なし)のいずれか]に設定
font-style
文字を斜体[normal, italic, obliqueのいずれか]に設定
font-variant
文字をスモールキャピタル[normalまたはsmall-caps]に設定
line-height
行間[normalまたは数値(文字の高さを基準とするemの単位が主流)]を設定
また次の書式で一括で設定できます。
font : font-style属性値 font-variant属性値 font-weight属性値 font-size属性値/line-height属性値 font-family属性値;
ただし、font-size属性とfont-family属性以外は省略可能です。
|