Link two style files, one for screen, one for print : media « Style Basics « HTML / CSS






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

Link two style files, one for screen, one for print

  

<!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>
<title>Linked Style Sample</title>
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
</head>
<body>
<h1>Welcome!</h1>
</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.media="Screen"
4.insert a page break in the document for printing purposes.
5.insert a page break before an element by using page-break-before:always
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.