font-size : font size : CSS Attributes and Javascript Style Properties HTML CSS TUTORIALS


HTML CSS TUTORIALS » CSS Attributes and Javascript Style Properties » font size »

 

font-size


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/div/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
            body {
                font-family: "Rockwell";
            }
            h1, h2, h3, h4, h5, h6 {
              display: inline;
              margin: 0;
              font-weight: normal;
            }
        </style>
    </head>
    <body>
         <div>
        <h1>&lt;h1&gt;</h1>
         <span style='font-size: 24pt;'>
             font-size: 24pt;
           </span>
           <span style='font-size: xx-large;'>
             font-size: xx-large;
           </span>
         </div>
         <div>
      <h2>&lt;h2&gt;</h2>
          <span style='font-size: 18pt;'>
               font-size: 18pt;
           </span>
           <span style='font-size: x-large;'>
             font-size: x-large;
           </span>              
         </div>
         <div>
         <h3>&lt;h3&gt;</h3>
           <span style='font-size: 14pt;'>
             font-size: 14pt;
           </span>
           <span style='font-size: large;'>
             font-size: large;
           </span>
         </div>
         <div>
        <h4>&lt;h4&gt;</h4>
           <span style='font-size: 12pt;'>
             font-size: 12pt;
           </span>
           <span style='font-size: medium;'>
             font-size: medium;
           </span>
         </div>
         <div>
         <h5>&lt;h5&gt;</h5>
        <span style='font-size: 10pt;'>
          font-size: 10pt;
        </span>
        <span style='font-size: small;'>
          font-size: small;
        </span>
      </div>
      <div>
         <h6>&lt;h6&gt;</h6>
        <span style='font-size: 8pt;'>
          font-size: 8pt;
        </span>
        <span style='font-size: x-small;'>
          font-size: x-small;
        </span>
      </div>
      <div>
        <span style='font-size: 7pt;'>
          font-size: 7pt;
        </span>
        <span style='font-size: xx-small;'>
          font-size: xx-small;
        </span>
      </div>
    </body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo CSS Attributes and Javascript Style Properties
» font size