The media attribute lets you control what styles are applied to whichmedia. : media : Style Basics HTML CSS TUTORIALS

HTML CSS TUTORIALS » Style Basics » media »

The media attribute lets you control what styles are applied to whichmedia.


 

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
          <head>
            <title>media</title>
            <style rel='stylesheet' type='text/css' media='all'>
              p {
                  font: 12px sans-serif;
                  background: yellow;
                  padding: 10px;
              }
              @media screen {
                  p#print {
                      display: none;
                  }
                  p#screen {
                      border: 10px solid gold;
                  }
              }
            
            </style>
          </head>
          <body>
              <p id='screen'>
              this is a test. this is a test. 
               
              </p>
           </body>
      </html>