印刷範囲の指定はできますか？

解決済

質問者：nemoken
質問日時：2005/11/17 16:50
回答数：3件

現在、ホームページを制作しているのですが、A4紙に収まらないページがあるのです（写真が切れてしまいます）。
そこで、ページのある一部分（メインの部分）だけを印刷する、またはしないように指定したいのですが、可能でしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： 9arabi
回答日時：2005/11/17 16:59

スタイルシートを使えば可能ですよ。

印刷用のスタイルシートを適用すればよいのです。
http://linkage.xrea.jp/article/2004/07/make_medi …

上記のサイトを参考にしていただければ分かりやすいと思いますが（やり方は二通りあります）

たとえば、次のページを用意します。
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print">
</head>
<body>
<div class="noprint">
ここは印刷したくない
</div>
<div>
ここは印刷したい
</div>
</body>
</html>

上のHTMLでprint.cssというファイルを読み込み指定していますよね。
このprint.cssというファイルを作ります。
この中に

.noprint{
display:none;
}

と書いてあれば、class="noprint"で指定された部分は印刷されません。

分かりますでしょうか？

参考URL：http://linkage.xrea.jp/article/2004/07/css2print …

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！
教えていただいた方法でうまくいきました。

通報する

お礼日時：2005/11/18 16:16

No.3

回答者： 9arabi
回答日時：2005/11/18 15:38

#2です

追記です。
先の書き方は推奨されていないようなので、
<link rel="stylesheet" href="print.css" type="text/css" media="print">
を
<link rel="stylesheet" href="print.css" type="text/css">
に改めていただいて、

print.cssの中身を

@media print{

.noprint{
display:none;
}

}

と、するのがよさげです。