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 |
アニメーション | 可能 |
サポート (説明)
CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
CSS1 | 3 | 1 | 1 | 3.5 | 1 |
説明
フォントサイズを指定します。
値 | 説明 |
---|---|
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>
表示
色は匂へど 散りぬるを
色は匂へど 散りぬるを
色は匂へど 散りぬるを
色は匂へど 散りぬるを
色は匂へど 散りぬるを
リンク
- https://www.w3.org/TR/css-fonts-3/#font-size-prop
- https://www.w3.org/TR/CSS2/fonts.html#propdef-font-size
- https://www.w3.org/TR/CSS1/#font-size
- https://triple-underscore.github.io/css-fonts-ja.html#font-size-prop
- https://developer.mozilla.org/ja/docs/Web/CSS/font-size
- http://caniuse.com/#search=CSS%202.1%20properties
Copyright (C) 1997-2016 杜甫々
初版:1997年7月27日、最終更新:2016年7月24日
https://www.tohoho-web.com/css/prop/font-size.htm