|    | 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  |

長さと色の指定

スタイルシートで使用する長さと色の単位

長さの単位は相対値がお薦め

Webページで使用される「単位」には、絶対値相対値があります。[0] の場合のみ、単位はありません。

① 絶対値

② 相対値

Web ページに絶対値を使用すると、利用者によってはブラウザ上の表示が崩れて閲覧しづらくなることもあります。相対値を使用すると、利用者の閲覧環境に左右されないので表示は崩れません。相対値の使用をおすすめします。相対値の中でも px (ピクセル) で記述するとブラウザで文字の表示サイズを変更しても変更されません。

また、「 100% 」、「 50% 」など、パーセントによる設定もできます。

注意アイコン

CSS による長さの値は 0 の場合を除き、常に単位が必要です。

長さの値をとる値とは border-width や width、height 等です。

CSS では長さの値で 0 以外の場合に単位が無い場合は不正な構文となり、そのプロパティ設定は無効化されます。

ページトップへ

色の指定は16進数がお薦め

Webページで色を指定する方法には3つあります。

16進数

色名

システムカラー

Webカラーチャート

基本16色と、Web セーフカラー216色は異なるブラウザ(環境)で見ても同じ色で表示される安心して使える色です。低ビットカラー環境のプラットフォームの違いにおいても、画面に表示される色が変化したり見苦しいディザリングが施されてしまったりすることがほとんどなくなります。ユーザー環境に左右されにくい安定した表示が実現できることから、「セーフカラー」 と呼ばれます。

基本16色

Web セーフカラー216色

文字色と背景色のコントラストに配慮した色の選択については、page04.html を参照のこと。

ページトップへ

|    | 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  |