CSSを使用したXML文書のスタイル設定

Internet ExplorerなどのXML対応のブラウザでそのドキュメントを表示すると、次のような内容が表示されます。

しかし、親要素と子要素を区別したい場合はどうなりますか？ あるいは、ドキュメント内のすべての要素を視覚的に区別することさえできます。 XMLでこれを行うことはできません。また、表示に使用する言語ではありません。

しかし幸いなことに、XML文書でCascading Style Sheets （CSS）を使用して、ブラウザで表示したときにそれらの文書やアプリケーションを表示する方法を定義するのは簡単です。 上記の文書では、HTML文書と同じ方法で、各タグのスタイルを定義することができます。

たとえば、HTMLでは、パラグラフタグ（

）内のすべてのテキストをフォントフェースVerdana、Geneva、またはHelveticaで定義し、背景色を緑にすることができます。 すべての段落がそうであるようにスタイルシートで定義するには、次のように記述します。

XML文書に対しても同じ規則が適用されます。 XMLの各タグは、XMLドキュメントで定義できます。

XML文書を作成してスタイルシートを作成したら、それらをまとめて配置する必要があります。 HTMLのlinkコマンドと同様に、XML文書の一番上に（XML宣言の下に）スタイルシートを見つける場所をXMLパーザに伝える行を置きます。 例えば：

上で述べたように、この行は<？xml？>宣言の下にありますが、XMLドキュメントの要素の前にあります。

XML文書をまとめてみると、次のようになります。