HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

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

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

font-variant・・・・・フォントをスモールキャップにする
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

font-variantプロパティは、フォントをスモールキャップにする際に使用します。 指定できる値は、標準(normal)、スモールキャップ(small-caps)です。

スモールキャップとは、小文字の表示形式が小文字サイズの大文字になっているものを指します。 指定したフォントにスモールキャップがない場合には、大文字を縮小したものを小文字として表示します。

■値

normal
標準のフォントで表示します。
small-caps
スモールキャップのフォントで表示します。スモールキャップのフォントがない場合には、大文字を縮小したものを小文字として表示します。

■使用例

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

p.sample {font-variant: small-caps; }

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample">
スモールキャップを指定。abcABC0123456789
</p>
</body>
</html>
↓↓↓

ブラウザ上の表示

スモールキャップを指定。abcABC0123456789


■関連項目

font・・・・・・・・・・・・・・・・・・・・・・・・・フォントに関する指定をまとめて行う
font-style・・・・・・・・・・・・・・・・・・・フォントをイタリック体・斜体にする
font-variant・・・・・・・・・・・・・・・・・フォントをスモールキャップにする
font-weight・・・・・・・・・・・・・・・・・・フォントの太さを指定する
font-size・・・・・・・・・・・・・・・・・・・・フォントのサイズを指定する
font-family・・・・・・・・・・・・・・・・・・フォントの種類を指定する
font-size-adjust-adjust・・・・・・・・・・・・・フォントのサイズを調整する
font-stretch・・・・・・・・・・・・・・・・・フォントを縦長・横長にする

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

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2012 HTMQ