インライン

Web ページのスタイルを設定する場合、CSS プロパティを適用するには主に 2 つの方法があります。 インライン スタイルタグとインライン CSS プロパティ。インライン スタイル タグは HTML コード内で定義され、インライン CSS プロパティは「style」属性を使用して特定の要素に適用されます。どちらの方法でも同様の結果が得られますが、考慮すべき利点と欠点が明確にあります。

外部スタイルシート、ページはめ込みスタイル タグ、およびインライン スタイル

スタイル ルールは、3 つの主要な方法を使用して付加できます。 :

• 外部ファイル: CSS ルールは、HTML からリンクされている別のファイルで定義されます。 document.
• ページ内スタイル タグ: CSS ルールは、HTML ドキュメントの
• インライン スタイル属性: CSS ルールは、「style」属性を使用して HTML 要素に直接適用されます。

インライン スタイル タグとインライン CSSプロパティ

この説明では、インライン スタイル タグとインライン CSS プロパティを比較してみましょう。前述したように、インライン スタイル タグは HTML コード自体内で定義されますが、インライン CSS プロパティは「style」属性を使用して適用されます。

一般に、インライン スタイル タグは、次の理由からインライン CSS プロパティよりも優先されます。

• マークアップとスタイルを明確に分離します。
• よりクリーンな HTML マークアップを生成します。
• その他セレクターを使用すると効率が良く、ページ上の複数の要素にルールを適用できます。一方、

インライン要素は、適用されるそれぞれの要素にのみ影響します。

特異性およびオーバーライド ルール

インライン スタイル タグとインライン CSS プロパティの重要な違いは、具体性です。特異性により、あるスタイルが別のスタイルをいつオーバーライドするかが決まります。一般に、インライン スタイルは、インライン スタイル タグで定義されたスタイルよりも高い特異性を持っています。この概念をより深く理解するには、有益な記事「CSS: Specificity Wars」を参照してください。