• font-family : ★;　　（★はフォント名・キーワード）
• キーワード
  serif　　　　　　　　（明朝系のフォント）
  sans-serif　　　　（ゴシック系のフォント）
  cursive　　　　　　（筆記体・草書体系フォント）
  fantasy　　　　　　（装飾がメインのフォント）
  monospace　　　（等幅フォント）
  ※フォント名に関しては、各ＰＣなどにインストールされているもので違ってきます。
  使用に関しては、機種などに依存しないタイプのものを指定するほうが無難と言えます。

• font-size : ★;　　　（★は数値＋単位、％、キーワード）
• キーワード
  xx-small　　　　　　（非常に小さい）
  x-small　　　　　　 （小さい）
  small　　　　　　　　（やや小さい）
  medium　　　　　　　（通常・既定）
  large　　　　　　　　（やや大きい）
  x-large　　　　　　　（大きい）
  xx-large　　　　　　（非常に大きい）
  数値＋単位についてはコチラを参考にしてください。
  ％とは、親要素（ページで決められた基準値）に対しての割合です。
  その他にも相対的なキーワードというのがあります。これは基準に対してどのぐらいかを指定するやり方です。（larger とsmaller　のどちらかで指定）

• font-weight : ★;　　　（★はキーワード、数値）
• キーワード
  normal　　　　　　　（標準・既定）
  bold　　　　　　　　（太字）
  bolder　　　　　　 （一段階太く）
  lighter　　　　　　 （一段階細く）

ページトップへ

• font-style : ★;　　　（★はキーワード）
• キーワード
  italic　　　　　　　　（斜体）
  oblique　　　　　　（斜体）
  normal　　　　　　（標準・既定）

• <STYLE type="text/css">
  <!--
  body  {
  font-family  : monospace;    /*ボディフォント*/
  font-size     : 9pt;                /*ボディフォントサイズ*/
  font-weight : bold;               /*ボディフォント太さ*/
  font-style    : italic               /*ボディフォントスタイル*/
  }
  -->
  </STYLE>
  上記が個別で指定をした例ですが、下ではそれをまとめて一括で指定してみました。
• <STYLE type="text/css">
  <!--
  body  {
  font : italic bold 9pt/1.8em monospace;
  }
  -->
  </STYLE>
  かなりすっきりしましたが、もちろんまとめないままのほうがわかりやすい場合もありますので、そのままでも結構です。
  出来る限りすっきりさせたいという方には、この方法がベストだと思います。

ページトップへ

• text-decoration  :  ★;　　（★はキーワードで）
• キーワード
  underline　　　　（下線）
  line-through　　（取り消し線）
  blink　　　　　　（点滅）
  none　　　　　　（装飾なし＜既定値＞）

ページトップへ