サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
文字のサイズ
- 文字のサイズは、font-sizeプロパティを指定します。
- 文字のサイズの指定方法
- ページ全体の文字のサイズは
- body{font-size: 50%;}
のように指定します。 - テーブル内の文字のサイズは
- table,th, td{font-size: 50%;}
のように指定します。
- [使い方]
- .sample1{font-size: 180%;}
- .sample2{font-size: x-small;}
数値+単位
em・pt・%(割合)など | 例えば font-size: 10px; |
---|---|
7段階で指定 | 例えば font-size: large;
・・・・・ xx-large(極大) x-large large medium(標準値・初期設定値) small x-small xx-small(極小) |
相対的に指定 | 例えば font-size: smaller;
・・・・・ larger … 大きめの文字 smaller … 小さめの文字 それまでの文字のサイズと比較して指定します。 |
サンプル
[headの中]
<style type="text/css"><!--
.sample1{font-size: 180%;}
.sample2{font-size: x-small;}
.sample3{font-size: x-large;}
-->
</style>
[bodyの中]
<p>文字のサイズを<span class="sample1">180%</span>で指定</p><p>文字のサイズを<span class="sample2">x-small</span>で指定</p>
<p>文字のサイズを<span class="sample3">x-large</span>で指定</p>
[ブラウザ上]
文字サイズを180%で指定
文字サイズをx-smallで指定
文字サイズをx-largeで指定