CSS - font-size

トップ > CSSリファレンス > font-size

概要

属性名 font-size
<absolute-size> | <relative-size> | <length> | <percentage>
値の詳細
<absolute-size> = xx-small | x-small | small | medium | large | x-large | xx-large
<relative-size> = larger | smaller
初期値medium
適用可能要素すべての要素
継承継承する
メディアvisual
アニメーション可能

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS13113.51

説明

フォントサイズを指定します。

説明
xx-smallとても小さなフォント。
x-small小さなフォント
small少しだけ小さなフォント。
medium通常の大きさのフォント。
large少しだけ大きなフォント。
x-large大きなフォント。
xx-largeとても大きなフォント。
larger現状よりも少し大きなフォント。
smaller現状よりも少し小さなフォント。
<length>フォントサイズを 12pt, 24px などの単位付き数値で指定する。
<percentage>現状に対するフォントサイズを 80%, 120% などのパーセントで指定する。

使用例

【HTML】
<div style="font-size:large">色は匂へど 散りぬるを</div>
<div style="font-size:medium">色は匂へど 散りぬるを</div>
<div style="font-size:x-small">色は匂へど 散りぬるを</div>
<div style="font-size:16pt">色は匂へど 散りぬるを</div>
<div style="font-size:120%">色は匂へど 散りぬるを</div>
表示
色は匂へど 散りぬるを
色は匂へど 散りぬるを
色は匂へど 散りぬるを
色は匂へど 散りぬるを
色は匂へど 散りぬるを

リンク


Copyright (C) 1997-2016 杜甫々
初版:1997年7月27日、最終更新:2016年7月24日
http://www.tohoho-web.com/css/prop/font-size.htm