ウェブデザインをスタイルシートでおこなおう!

ホームページ作成スタイルシート編!スタイルシート倶楽部@ウェブマイスター
ホームページ作成総合支援ウェブマイスター
スタイルシート倶楽部トップ戻る
スタイルシートを使えばウェブデザインは思いのまま!
ページ管理も楽になり、大幅なデザイン変更も楽になっちゃうよ!
スタイルシートを使いこなして脱入門者になろう!

サイト作りの基礎を学びたい方は >> 本館 ウェブマイスター
さくらインターネット
たった125円という破格の値段で高機能なレンタルサーバー。業界最大手で安心して使えるよ。
3ヶ月無料キャンペーン実施中!! レンタルサーバーのSpeever
一番高いプランも今なら無料だよ

プロパティー名 font-size
目的 文字の大きさ

数値+単位
様々な単位がある。
キーワード
7段階のキーワードうちどれかを指定。

例:フォントサイズを12ピクセルに指定。

.markup {
  font-size: 12px; 
}

単位の説明

  • px
    ディスプレイのピクセルのこと。モニタの大きさと解像度によって文字の大きさが決まる。
  • em
    ここでsizeを指定しない時の文字の大きさを1とした場合の割合。
  • ex
    x の文字の高さを1とした場合の割合。
  • cm
    センチメートルで指定。 環境によって文字の大きさが変わらない絶対値となる。
  • pt
    ポイント(1/72センチ)で指定。
  • pc
    パイカ(12ポイント)で指定。
  • mm
    ミリメートル。
  • in
    インチ(2.54cm) 。
  • %
    通常の文字の大きさを100とした場合の割合。

キーワードの説明

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

mediumが通常の大きさ。他の大きさは、フォントの種類やブラウザによって異なる。

  • smaller
  • larger

上の2つは一段階大きさを変更する。

関連プロパティー

Tips

★ もっとも良く使われる単位が px 。 環境によってページに対する相対的な大きさが変わらないので、レイアウトが人によって崩れるということが無い。
次に em や % が多い。ブラウザの設定で文字の大きさを自由に変更できので好まれる。反面、最小の大きさと最大の大きさに対応したページレイアウトを必要とするデメリットはある。
他の単位は特殊用途となるので、無視して良い。

| ウェブマイスタートップ | ホームページの作り方 | スタイルシート入門 | PHP Tips | CGI/PHPソフト配布 | 掲示板 | ブログ | ショッピング | リンク集 |
(C) 2005 - 2007 ウェブマイスター