Hide with display none : display « CSS Style « XML

1. XML
2. CSS Style
3. display

Hide with display none

File: Data.xml

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<INVENTORY>
   <BOOK>
      <TITLE>title 1</TITLE>
      <AUTHOR>author 1</AUTHOR>
      <BINDING>mass market paperback</BINDING>
      <PAGES>298</PAGES>
      <PRICE>$5.49</PRICE>
   </BOOK>
   <BOOK>
      <TITLE>title 2</TITLE>
      <AUTHOR>author 1</AUTHOR>
      <BINDING>mass market paperback</BINDING>
      <PAGES>298</PAGES>
      <PRICE>$5.49</PRICE>
   </BOOK>
</INVENTORY>



File: Style.css
BOOK {
   display:block;
   margin-top:12pt;
   font-size:10pt
}

TITLE {
   display:block;
   font-size:12pt;
   font-weight:bold;
   font-style:italic
}

AUTHOR {
   display:block;
   margin-left:15pt;
   font-weight:bold
}

BINDING {
   display:block;
   margin-left:15pt
}

PAGES {
   display:none
}

PRICE {
   display:block;
   margin-left:15pt
}

 

Related examples in the same category