値
初級読み方：あたい｜英語：Value
プロパティに設定する具体的な内容だよ。例：red, 16px, center。いつ使う？ color: red; の「red」、font-size: 16px; の「16px」が値だよ。プロパティごとに使える値が決まっているよ。間違いやすいポイント: 数値には単位（px, rem, %など）を忘れずに。width: 100 は効かないけど width: 100px は効くよ。ただし0だけは単位不要（margin: 0;）。
やさしい説明
値（あたい）とは、CSSプロパティに設定する具体的な内容です。「何をどう変えるか」の「どう」の部分です。
例えば color: red; の「red」が値です。同じプロパティでも値を変えれば結果が変わります。color: blue なら青、color: green なら緑です。
値の書き方はプロパティによって違います。色なら red や #ff0000、サイズなら 16px や 1.5rem、キーワードなら center や bold などです。
具体例・使い方
/* 色の値いろいろ */
color: red; /* キーワード */
color: #ff0000; /* 16進数 */
color: rgb(255, 0, 0); /* RGB */
/* サイズの値いろいろ */
font-size: 16px; /* ピクセル */
font-size: 1.5rem; /* rem（相対単位） */
width: 100%; /* パーセント */
/* キーワードの値 */
display: flex;
text-align: center;いつ使う？
CSSを書くときは必ずプロパティとセットで値を指定します。「見出しを青くしたい」なら color: blue、「余白を広げたい」なら margin: 32px のように書きます。
間違いやすいポイント
❌ 数値に単位をつけ忘れる
/* ❌ 単位がない（0以外は効かない） */
font-size: 16;
/* ✅ 単位をつける */
font-size: 16px;よくある疑問
Q: px と rem の違いは？
A: px は固定サイズ、rem はルート要素のフォントサイズを基準にした相対サイズです。レスポンシブデザインではremが便利です。
Q: 色の指定方法は？
A: 色名（red）、16進数（#ff0000）、RGB（rgb(255,0,0)）、HSL（hsl(0,100%,50%)）などがあります。16進数が最もよく使われます。
Q: 単位を書き忘れるとどうなる？
A: 値が無効になりスタイルが適用されません。font-size: 16 は効きませんが font-size: 16px は効きます。0だけは例外で単位不要です。
関連用語
📖 関連レッスン
レッスンを見る →