HTMLクイックリファレンス

トップページ HTMLタグ(ABC順) スタイルシート(ABC順) JavaScript(制作中)
WEBカラー HTMLタグ(目的別) スタイルシート(目的別) 優良デザイン 特殊文字
WEB画像 WEBの現場から インターネット用語 フリーイラスト素材 執筆書籍の紹介

 
トップページ > スタイルシートリファレンス > font

★スタイルシートリファレンス

font・・・・・フォントに関する指定をまとめて行う
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7 Netscape4Netscape6Netscape7 Opera6Opera7Opera8Opera9 Firefox1Firefox2

fontプロパティは、フォントに関する指定をまとめて行う際に使用します。 指定できるのは、 font-stylefont-variantfont-weightfont-sizeline-heightfont-familyの6つのプロパティの値です。 このうち font-sizefont-familyは 省略することができません。

また、各プロパティの値を指定する際の順序は以下のように決まっています。

  1. font-stylefont-variantfont-weight(順不同)
  2. font-size
  3. line-height
  4. font-family

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

p.sample {font: bold large "MS ゴシック","MS 明朝"; }

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample">太字・大きめ・MS ゴシック体を指定。</p>
</body>
</html>
↓↓↓

ブラウザ上の表示

太字・大きめ・MS ゴシック体を指定。


 

■関連項目

font・・・・・・・・・・・・・・・・・・・・・・・・・フォントに関する指定をまとめて行う
font-style・・・・・・・・・・・・・・・・・・・フォントをイタリック体・斜体にする
font-variant・・・・・・・・・・・・・・・・・フォントをスモールキャップにする
font-weight・・・・・・・・・・・・・・・・・・フォントの太さを指定する
font-size・・・・・・・・・・・・・・・・・・・・フォントのサイズを指定する
font-family・・・・・・・・・・・・・・・・・・フォントの種類を指定する
*font-size-adjust・・・・・・・・・・・・・フォントのサイズを調整する
*font-stretch・・・・・・・・・・・・・・・・・フォントを縦長・横長にする
*印のついたものは、現在のところIEとNNでサポートされていないプロパティです。

▲ページ先頭へ
トップページ > スタイルシートリファレンス > font

HTMLクイックリファレンス

トップページ HTMLタグ(ABC順) スタイルシート(ABC順) JavaScript(制作中)
WEBカラー HTMLタグ(目的別) スタイルシート(目的別) 優良デザイン 特殊文字
WEB画像 WEBの現場から インターネット用語 フリーイラスト素材 執筆書籍の紹介
HTMLクイックリファレンスについて
©2008 HTMQ