CSSはHTMLとXMLで使える？用途と互換性の解説

CSS（Cascading Style Sheets）は、ウェブページやドキュメントの見た目を制御するためのスタイルシート言語です。よく使われるHTMLだけでなく、XMLでも利用できるのか疑問に思う方も多いでしょう。この記事では、CSSの対応範囲や使い方の違いについて解説します。

CSSとHTMLの関係

HTML文書では、CSSを使って文字の色、フォント、余白、レイアウトなどを指定できます。HTMLの各要素に対してセレクタを使ってスタイルを適用することが基本です。

例えば、<p>タグに対して文字色や背景色を指定することができます。HTMLは構造化された文書なので、CSSとの組み合わせが非常に簡単です。

XMLはマークアップの構造を定義する言語で、HTMLと違って表示の規則は持っていません。CSSはXMLにも適用可能で、要素や属性にスタイルを割り当てることができます。

例えば、独自タグ<note>に対してCSSでフォントや色を指定することができます。ただし、XML自体にはレンダリングのルールがないため、CSSの効果を確認するにはXSL-FOやブラウザなどで表示方法を決める必要があります。

HTMLの場合、CSSはブラウザで直接反映されます。XMLの場合は、スタイルを反映するために表示用の仕組み（XSLやXSLT変換など）を併用することが一般的です。

例として、XMLで作成したデータをブラウザで見やすくする場合、CSSと組み合わせたXSLTで変換してHTMLとして表示する方法があります。

CSSはHTML、XHTML、SVG、XMLなどに幅広く対応しています。ただし、XMLではブラウザが直接表示する場合に限界があり、独自タグや名前空間を使用する場合はスタイルの適用が制限されることがあります。

そのため、XMLでCSSを使う際は、表示方法やツールの対応状況を確認することが重要です。

CSSはHTMLだけでなくXMLにも適用できますが、HTMLと比べるとXMLでは表示の前提がないため、適用するための補助的な仕組みが必要です。HTMLでは直接スタイルが反映される一方、XMLではXSLやブラウザ対応を考慮する必要があります。用途に応じてCSSの使い方を工夫することが大切です。