these rules will only apply when printing : media : Style Basics HTML CSS TUTORIALS


HTML CSS TUTORIALS » Style Basics » media »

 

these rules will only apply when printing


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Print Styles</title>
  <style type="text/css" media="print">
  body 
    font-family: "Times New Roman", serif; 
    font-size: 12pt; 
  
  
  #nav, #sidebar, #search 
    display: none; 
  
  
  a:link, a:visited 
    color: blue; 
    text-decoration: underline; 
  
  
  #content a:link:after, #content a:visited:after 
    content: " (" attr(href") "
  
  
  </style>
</head>

<body>

<h1>Print Styles</h1>

<ul id="nav">
  <li><a href="#">Nav Item 1</a></li>
  <li><a href="#">Nav Item 2</a></li>
  <li><a href="#">Nav Item 3</a></li>
</ul>

<form id="search">
  <input type="text" />
  <input type="submit" value="Search" />
</form>

<div id="content">
  <p>This is a test. <a href="http://www.s.com">This is a test. </a>.  </p>
  
  <p><code>This is a test. </code>.</p>
</div>

<div id="sidebar">
  <p>This is a test. .</p>
</div>

</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Style Basics
» media