サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
文字の太さ
- 文字の太さは、font-weightプロパティを指定します。
- [使い方]
- .sample{font-weight: bold;}
プロパティ名 | 値 | 説明 |
---|---|---|
font-weight: | bold; | 太字 |
normal; | 標準値・初期設定値 |
9段階で指定 | 例えば・・・font-weight: 200;
・・・・・ 900(太い) 800 700 600 500 400(標準値・初期設定値) 300 200 100(細い) |
---|---|
相対的に指定 | 例えば・・・font-weight: lighter;
・・・・・ bolder太めの文字 lighter細めの文字 ・・・・・・ それまでの文字の太さと比較して指定します。 |
文字の拡大
- 文字を拡大するには、zoomプロパティを指定します。
- IEのみに対応しています。
- IE8では、未対応です。(2009.8月)
- [メモ]
- プロパティzoomは、
- W3C・CSS検証サービスでは、存在しません。
数値で指定 | ||
---|---|---|
プロパティ名 | 値のサンプル | 説明 |
zoom: | 2; | 2倍に拡大します。 |
1; | 標準の大きさ | |
0.7; | 0.7に縮小します。 |
パーセントで指定 | ||
---|---|---|
プロパティ名 | 値のサンプル | 説明 |
zoom: | 200%; | 2倍に拡大します。 |
100%; | 標準サイズ | |
70%; | 0.7に縮小します。 |
サンプル
[headの中]
<style type="text/css"><!--
.sample1{font-weight: bold;}
.sample2{zoom: 1.8;}
.sample3{zoom: 130%;}
.sample4{zoom: 80%;}
-->
</style>
[bodyの中]
標準の太さ文字のサイズを<span class="sample1">太字</span>に指定します。
文字のサイズを<span class="sample2">41.8倍に拡大</span>に指定します。
文字のサイズを<span class="sample3">130%に拡大</span>に指定します。
文字のサイズを<span class="sample4">70%に拡大</span>に指定します。
[ブラウザ上]
標準の太さ
文字を 太字 に指定します。
文字を1.8倍に拡大に指定します。
文字を130%に拡大に指定します。
文字を70%に拡大に指定します。