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

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

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

プロパティー名 font
目的 各プロパティーの一括指定

各プロパティー参照

例:イタリック体12ピクセルで、フォントファミリーにArial、 sans-serifを指定。

.markup {
  font: italic 12pt Arial,sans-serif; 
}

値の書き方は、各プロパティーの値を空白で区切って並べるだけである。
font-family と font-size 以外は省略可能。
書く順番は決まっているので、間違えないこと。 順番は以下である。

  1. font-style ( 1から3までは順不同)
  2. font-variant
  3. font-weight
  4. font-size ( 省略不可 )
  5. line-height ( / を値の前に書く必要がある)
  6. font-family ( 省略不可 )

関連プロパティー

  • font-family : フォントファミリーを指定。
  • font-size : 文字の大きさ。
  • font-weight : 文字の太さ。
  • font-style : 文字スタイル。
  • font-variant : 小文字を大文字を縮小した文字に変換。
  • line-height : 一行の高さ。
Tips

★ body 等で使うと良い。

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