link style : xlink « CSS Style « XML

1. XML
2. CSS Style
3. xlink

link style

File: Data.xml

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<document xmlns:xlink="http://www.w3.org/1999/xlink">
  <page>
    <title>Images With XLink</title>
    <paragraph>This 
      <link xlink:type="simple" 
            xlink:show="replace" 
            xlink:actuate="onRequest" 
            xlink:title="Lions" 
            xlink:href="lions.jpg">link
      </link>
      will replace the content with an image.
    </paragraph>
  </page>
</document>

File: Style.css

title{
  display:block;
  color: #000000;
  font-size: 30px;
  font-weight: bold;
}
paragraph {
  display:block;
  padding:10px;
  margin: 10px;
}
link {
  color: #0000FF;
  text-decoration: underline;
}

 

Related examples in the same category