CSS style for address : display « CSS Style « XML

1. XML
2. CSS Style
3. display

CSS style for address

File: Data.xml

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="Style.css" ?>
<projects>
  <PROJECT>
    <PROJ_NAME>project name 1</PROJ_NAME>
    <CONTACT>
     <NAME>name 2</NAME>
      <ADDRESS>99999</ADDRESS>
      <PHONE>1111 </PHONE>
      <FAX>2222 </FAX>
      <EMAIL>k@web.com </EMAIL>
    </CONTACT>
    <CONTACT>
     <NAME>name 3</NAME>
      <ADDRESS>99999</ADDRESS>
      <PHONE>1112 </PHONE>
      <FAX>2222 </FAX>
      <EMAIL>f@web.com </EMAIL>
    </CONTACT>
    <CONTACT>
     <NAME >name 4</NAME>
      <ADDRESS>99999</ADDRESS>
      <PHONE>1113 </PHONE>
      <FAX>2222 </FAX>
      <EMAIL>l@we.com </EMAIL>
    </CONTACT>
    <NOTES>
      <ENTRY> entry</ENTRY>
    </NOTES>
  </PROJECT>
</projects>

File: Style.css

projects { 
   font-style: normal;
   color: 000000 
}
PROJECT { 
   display: block;
   background: blue;
   font-family: sans-serif;
   margin: 1cm 
}
PROJ_NAME  { 
   display: block; 
   background: #FF0000;
   font-size: larger;
   font-weight: bold;        
   word-spacing: 2em;
   color: white ; 
   font-family: Arial, Helvetica, sans-serif; 
   border: #FF0000; 
   border-style: double; 
   border-top-width: medium; 
   border-right-width: medium; 
   border-bottom-width: medium; 
   border-left-width: medium
}
CONTACT { 
   display: block;
   padding: 5pt;
   text-indent: 1cm 
}

NAME { 
   display: block;
   font-variant: small-caps;
   font-size: medium;
   font-weight: bold;
   color: red;
   text-decoration: overline;
}

ADDRESS { 
   display: block;
   font-style: italic;
   font-size: smaller;
   color: white
}

PHONE { 
   display: block;
   font-weight: bold;
   font-size: smaller;
   color: white
}

FAX { 
   display: block;
   font-weight: bold;
   font-size: smaller;
   color: white
}

EMAIL { 
   display: block;
   font-weight: bold;
   font-style: italic;
   color: white
}

NOTES { 
   display: block;
   font-weight: bold;
   font-style: italic;
   color: white;
   padding: 3em
}

ENTRY { 
   display: block;
} 

 

Related examples in the same category