サイト内検索

...スタイルシート(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%に拡大指定します。


Copyright c 2007.10.01 luc All rights reserved.