CSS（Cascading Style Sheets）は、ウェブページやドキュメントの見た目を制御するためのスタイルシート言語です。よく使われるHTMLだけでなく、XMLでも利用できるのか疑問に思う方も多いでしょう。この記事では、CSSの対応範囲や使い方の違いについて解説します。
CSSとHTMLの関係
HTML文書では、CSSを使って文字の色、フォント、余白、レイアウトなどを指定できます。HTMLの各要素に対してセレクタを使ってスタイルを適用することが基本です。
例えば、<p>タグに対して文字色や背景色を指定することができます。HTMLは構造化された文書なので、CSSとの組み合わせが非常に簡単です。
CSSとXMLの関係
XMLはマークアップの構造を定義する言語で、HTMLと違って表示の規則は持っていません。CSSはXMLにも適用可能で、要素や属性にスタイルを割り当てることができます。
例えば、独自タグ<note>に対してCSSでフォントや色を指定することができます。ただし、XML自体にはレンダリングのルールがないため、CSSの効果を確認するにはXSL-FOやブラウザなどで表示方法を決める必要があります。
CSSの適用例の違い
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の使い方を工夫することが大切です。
コメント