Lad os sige, du har siden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<link rel="stylesheet" href="screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="print.css" type="text/css" media="print">
</head>
<body>
<div id="hideatprint">Tekst som bliver skjult ved print</div>
<div id="showatprint">Tekst som bliver vist ved print</div>
</body>
</html>
Når siden bliver vist i en browser, bruges automatisk screen.css:
#hideatprint{
display:block
}
#showatprint{
display:none
}
Og når siden printes, bliver print.css kørt:
#hideatprint{
display:none
}
#showatprint{
display:block
}