normal

ノーマル（値）

意味デフォルトのスタイル

normalとは？

'normal'は、特定のプロパティに対してデフォルトのスタイルを指定するために使用する値です。例えば、font-weightやline-heightなどのプロパティでよく使われます。'normal'を指定することで、ブラウザが定義している標準的なスタイルが適用されます。

normalの具体的な使い方

デフォルトの行の高さを設定する例

<style>
  .normal-line-height {
    line-height: normal;
    color: darkred;
  }
</style>

<p class='normal-line-height'>
  デフォルトの行間のテキスト
</p>

段落（p要素）の行の高さをブラウザのデフォルト設定に戻します。

通常のフォントの太さを設定する例

<style>
    .normal-font-weight {
        font-weight: normal;
    }
</style>

<p class="normal-font-weight">通常の太さのテキスト</p>

テキストの太さを通常（デフォルト）に設定します。

normalに関するよくある質問

Q. normalはどんな時に使うの？

A. normalは、特定のプロパティをデフォルトの状態に戻したい時に使います。例えば、継承されたスタイルをリセットしたり、特定の要素だけデフォルトの状態にしたい場合などに使用します。

Q. normalとdefaultの違いは？

A. CSSでは、normalは実際の値として使用されますが、defaultという値は存在しません。normalはブラウザのデフォルト設定を意味することが多いですが、プロパティによっては特定の状態を指す場合もあります。

Q. 全てのプロパティでnormalが使える？

A. いいえ、全てのプロパティでnormalが使えるわけではありません。font-weight、font-style、line-heightなど、特定のプロパティでのみ使用可能です。各プロパティの仕様を確認するのが良いでしょう。

normalが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、CSSのnormalやlinear、vmin、rad、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。