「css」カテゴリーアーカイブ

CSS 印刷しないページを切り分ける

HTMLで見ためがこったページは

印刷すると煩雑になる場合があります。その場合は@mediaを使用することで

印刷時に非表示にできます。

<html>
<head>
<title>プリントテスト</title>
<style TYPE=”text/css”>

@media print{
 .class1{
 display:none;
 }
}
</style>
<style TYPE=”text/css”>
 div.class1{
 background-color:#FF3344;
 position:absolute;top:40px;
 }
 div.class2{
 background-color:#555555;
 }

</style>
</head>
<body>
<div class=”class1″>
印刷しない<br>
印刷しない<br>
印刷しない
</div>
<div class=”class2″>
印刷するA<br>
印刷するA<br>
印刷するA<br>
</div>
<div class=”class2″>
印刷するB<br>
印刷するB<br>
</div>
</body>
</html>