Page number style : font « CSS Style « XML






Page number style

File: Data.xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<page>
  <pageNumber>1</pageNumber>
  <paragraph>
    A
    <reference>B<footnote>C</footnote></reference> 
    D
    <important>E</important>.
  </paragraph>
</page>

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 {
  position:relative;
  background-color:#FFFFFF;
  right:75px;
  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

1.font style: italic and bold
2.Font size and weight
3.footnote style
4.bold font
5.smaller font size
6.Choosing a Font Family
7.Setting the Font Size
8.Setting All Font Values at Once