文章の書体、サイズ、行の高さ、スタイルをまとめて指定する
文章の書体、サイズ、行の高さ、スタイルをまとめて指定することができます。
<タグ名 style="font:イタリックや斜体の指定 スモールキャップスの指定 文字の太さ 文字の大きさ/行の高さ 書体">スタイルを指定する文字</タグ名>
というふうに、スペースで区切って指定内容を併記します。
- タグ名:
<p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
■ブロックタグ body| address| blockquote| div| dir| dl| form| h1~h6| menu| ol| pre| plaintext| table| ul| xmp
■インラインタグ a| b| big| blink| cite| code| em| font| i| input| kbd| s| samp| select| small| span| strike| strong| sub| sup| td| textarea| tt| u| var - イタリックや斜体の指定:
下記のキーワードで指定できます。
キーワード 文字のスタイル normal 通常 italic イタリック体 oblique 斜体 - スモールキャップスの指定:
下記のキーワードで指定できます。

キーワード 文字のスタイル normal 通常 small-caps スモールキャピタル - 文字の太さ:
下記のキーワードまたは数値で指定できます。

キーワード 文字の太さ normal 通常 bold 太字 bolder より太く lighter より細く 数値 100(細い)~900(太い)
※100刻みで指定 - 文字の大きさ:
文字の大きさは、下記の絶対サイズ、相対サイズまたはキーワードから指定することができます。

絶対
サイズ意味 in インチ( 1 in = 25.4 mm ) cm センチメートル mm ミリメートル pt ポイント( 1 pt = 1/72 in) pc パイカ( 1 pc = 12 pt ) px※ ピクセル(表示上の 1 ドット幅)
※正確にはデバイス依存の相対サイズ相対
サイズ意味 em 基準書体の文字の高さ ex 基準書体の文字 x の高さ % 基準書体のサイズに対する百分率 絶対サイズ
キーワード文字の大きさ xx-small 超特小 x-small 特小 small 小 medium 標準 xx-large 超特大 x-large 特大 large 大 相対サイズ
キーワード文字の大きさ smaller より小さく larger より大きく - 行の高さ (→詳しくはこちら):
行の高さは、下記の絶対サイズまたは相対サイズから指定できます。

絶対
サイズ意味 in インチ( 1 in = 25.4 mm ) cm センチメートル mm ミリメートル pt ポイント( 1 pt = 1/72 in) pc パイカ( 1 pc = 12 pt ) px※ ピクセル(表示上の 1 ドット幅)
※正確にはデバイス依存の相対サイズ相対
サイズ意味 em 基準書体の文字の高さ ex 基準書体の文字 x の高さ % 基準書体のサイズに対する百分率 数字のみ 基準書体のサイズに対する倍率 - 書体名 (→詳しくはこちら)

' Osaka ' , ' 極細明朝 'というふうに、' (シングルクォート)で囲った上に、,(カンマ)で区切って複数指定することができます。これは、ブラウザのシステムが対応していない場合に、代わりに表示する書体を指定するためです。
サンプルソースです。
<div style="font:italic 16px/2em '極細明朝' ,MS 明朝'"> この段落は、イタリック体、文字の大きさ 16ピクセル、行の高さ 2em、<br> 書体は極細明朝、なければMS 明朝で表示されます。<br> Netscape では、フォント名に日本語を指定すると無視されます。 </div>
これを表示させると、次のようになります。
|
この段落は、イタリック体、文字の大きさ 16ピクセル、行の高さ 2em、
書体は極細明朝、なければMS 明朝で表示されます。 Netscape では、フォント名に日本語を指定すると無視されます。 |
ランキングに参加中です! お役に立てたらクリックをお願いします→
同一カテゴリ内一覧
コンピュータとインターネット > データ形式 > HTML > リファレンス