<style>ﾀｸﾞでｽﾀｲﾙ設定

通常のHTML同様に、<head>部分に<style>ﾀｸﾞでｽﾀｲﾙ設定できる。

XMLｿｰｽ

<?xml version="1.0" encoding="Shift_JIS"?>
<?xml-stylesheet type="text/xsl" href="style01.xsl"?>
<start>
  <title>KodayanHomepageのサイト構成</title>
  <top>
    <web>
      <osaka>大阪日本橋DOS/Vﾌﾟﾛﾑﾅｰﾄﾞ</osaka>
      <css>CSSとDynamicHTML</css>
      <cgi>PerlでCGI</cgi>
      <java_ap>Java Applet</java_ap>
      <java_sc>Java Script</java_sc>
      <vbscript>VB Script</vbscript>
    </web>
    <other>
      <link>お気に入りLinks</link>
      <etc>その他
    	<info>お知らせ</info>
    	<prof>自己紹介</prof>
    	<hist>ﾎｰﾑﾍﾟｰｼﾞの履歴</hist>
      </etc>
    </other>
  </top>
  <end>以上です(00/10/17)</end>
</start>

XSLｿｰｽ

<?xml version="1.0"  encoding="Shift_JIS"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
  <xsl:template match="/">
  <html>
  <head>
    <title><xsl:value-of select="start/title"/></title>
    <style type="text/css">
      H4 {background-color:silver;color:red;border:thin solid green}
      DIV.dv1 {margin-left:6mm;color:navy}
      DIV.dv2 {margin-left:1cm;color:green}
    </style>
  </head>
  <body>
    <H4>WEBﾌﾟﾛｸﾞﾗﾐﾝｸﾞ</H4>
    <DIV class="dv1"><xsl:value-of select="start/top/web"/></DIV>
    <H4>その他</H4>
    <DIV class="dv2"><xsl:value-of select="start/top/other"/></DIV>
  </body>
  </html>
  </xsl:template>
</xsl:stylesheet>

end(00/10/17)