media="Screen" : media « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. media

media="Screen"

  

<!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">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
<style type="text/css" media="Screen">
#internal {
width: 200px;
height: 100px;
background: #999999;
overflow: auto;
}
</style>
</head>
<body>
    <div id="internal">
        <p>this is a test. this is a test. this is a test. this is a test. 
        this is a test. this is a test. this is a test. this is a test. 
        this is a test. this is a test. this is a test. this is a test. 
        this is a test. this is a test. this is a test. this is a test. </p>
    </div>
</body>
</html>








Related examples in the same category

1.The media attribute lets you control what styles are applied to whichmedia.
2.media="all"
3.insert a page break in the document for printing purposes.
4.insert a page break before an element by using page-break-before:always
5.Link two style files, one for screen, one for print
6.these rules will only apply when printing
7.Language ISO subcode
8.The media attribute lets you control what styles are applied to which media.