–CSSで使用する各プロパティ値について紹介します。指定できる値・継承の有無は各プロパティごとに違いますので、適用可能な値については各記事でご確認ください。指定できる値プロパティには初期値の他に多くの値を指定することが可能です。プロパティによっては、値を継承する場合もありますので注意してください。「継承」とは、親要素で指定した値が子要素にも適用されることです。初期値CSSのプロパティには、あらかじめ設定されている値があり、これを「初期値」といいます。初期値はプロパティごとに違いますので、各記事の初期値欄でご確認ください。キーワードプロパティごとに決まった語句で値を指定します。例)text-alignの場合、値に「left」「center」「right」「justify」というキーワードしか指定できません。キーワードは引用符は付けずにプロパティ名の後ろに:を入れ記述します。キーワードは大文字、小文字は区別されません。つづりを間違えると適用されませんので、注意してください。多くのプロパティは、「20px」「2em」などのように数値に単位を付けて値を指定することができます。プロパティによっては、「-10px」のようにマイナスの値を指定することもできます。長さのサイズ値では、「em」のような指定したセレクタのフォントサイズを基準にした相対的な単位と、「px」のように物理的な値で指定する絶対的な単位があります。※「px」については、書籍などでは相対的な単位として説明されている場合もあります。【相対的な単位】em指定したセレクタのフォントサイズ(font-sizeで指定した値)を1とする単位。指定したセレクタのfont-size値は親要素のフォントサイズまたはfontプロパティの初期値が基準となります。exセレクタのフォント、「小文字x(エックス)の高さ(x-height)」を1とする単位。フォントのx-height値を計算できない場合は、0.5em程度の大きさです。chレンダリング(表示)に使われる要素のフォントの「0」(ゼロ)の幅を1とする単位。remルート要素のフォントサイズ(font-sizeの値)を1とする単位。ルートのfont-size自身へ指定する場合は、初期値が使われます。vw初期表示のビューポート(ブラウザウインドウ内の表示領域)の幅を100とし、その1/100を基準とする単位。vh初期表示のビューポート(ブラウザウインドウ内の表示領域)の高さを100とし、その1/100を基準とする単位。vmvwまたはvhよりも小さい値を基準とする単位。【絶対的な単位】pxピクセル(画面のドット1つ分)を1とする単位。表示するデバイスの画面解像度に応じて見た目のサイズが変わります。数値に「%」(パーセント)の単位を付けて、他の値に対する割合で指定セレクタの値を指定します。割合の対象となる値は、プロパティごとに違います。数値プロパティによっては数値のみで値を指定できます。すべてのプロパティではありませんが、整数や少数、負の値を指定することもできます。特定のプロパティでは色を指定できます。255)】などで指定した方が多くの色を表現できます。キーワードで指定できる色はCSSの仕様変更ごとに改定されますので、ここではCSS1で設定された【標準の16色】のみを紹介します。#FFFFFFURLbackgrondなどのプロパティではURLを指定することができます。“)」のカッコ内にURLを絶対パスまたは相対パスで指定します。パスは引用符(”または’)で囲む場合と、囲まない場合、どちらでも指定できます。角度の値は、「90deg」のように数値に単位を付けて指定します。グラデーションや変形に関するプロパティの値として使用します。【指定できる単位】deg度(角度)。0~360までの数値にdegを付けて角度を指定します。gradグラード(グラディアン)。0~400までの数値にgradを付けて角度を指定します。100グラード:直角(90度)、400グラード:円の1周。円弧の長さを基準に角度を表します。2π(パイ)ラジアン:円の1周。turnターン(回転)。値として時間を指定する場合は、「5s」(5秒)のように、時間(数値)に単位を付けて指定します。単位としては秒を表す「s」、ミリ秒(1/1,000秒)を表す「ms」が指定できます。