test.html
<html>
<head>
<title>test</title>
<link rel="stylesheet" href="test.css"/>
</head>
<body>
<div id="A">A</div>
<div id="B">B</div>
</body>
</html>
test.css
@media print {
#B {display: none;}
}
上記のtest.htmlをブラウザで表示すると，AとBが上下に並んで表示されます．このページの印刷プレビューを表示すると，Aのみが表示されます．CSSの@mediaルールを使うと，そういうことができます．
0 件のコメント:
コメントを投稿