Saturday, August 17, 2013

CSS media rule

<html>
<head>
<style>
@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px}
  }
@media print
  {
  p.test {font-family:times,serif;font-size:10px}
  }
@media screen,print
  {
  p.test {font-weight:bold}
  }
</style>
</head>

<body>

......

</body>
</html>

Result


No comments: