Border color : Border « CSS Style « XML

1. XML
2. CSS Style
3. Border

Border color

File: Data.xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<document>
  <page>
    <pageNumber>A</pageNumber>
    <paragraph>
      B
      <reference>C</reference>
      D
      <important>E</important>
      .
    </paragraph>
    <paragraph>
      F
      <reference>G</reference>
      H
      <important>I</important>
      .
    </paragraph>
  </page>
  <page>
    <pageNumber>J</pageNumber>
    <paragraph>
      K
      <reference>L</reference>
      L
      <important>N</important>
      .
    </paragraph>
    <paragraph>
      O
      <reference>P</reference>
      Q
      <important>R</important>
      .
    </paragraph>
  </page>
</document>

File: Style.css

paragraph {
  display:block;
  border:solid 1px #A3A3A3;
  padding: 10px;
  margin: 20px;
}
  
reference {
  display:inline;
  font-style:italic;
  color:#CC3333;
  background-color: #E6E6E6;
}

important {
  display:inline;
  font-weight:bold;
  color:#990000;
  border:solid 1px #990000;
}

page {
  display:block;
  border:solid 2px #000000;
  padding: 10px;
  margin:10px;
}
pageNumber { 
  display:block;
  padding:5px;
  border:solid 2px #336699;
  width: 60px;
  margin-bottom: 20px;
}

 

Related examples in the same category