印刷用スタイルシート
自分用にまとめてみた。んだけど…
こんなに少なかったっけ?
ちなみに各ブラウザでの対応うんぬんは未確認です(苦笑
・印刷用シートの読込
・改ページ制御
・要素削除
は、ある程度は確認済だけど。
個人的には、ホームページを印刷するってのはナンセンスな気がするんだけど…
(ペーパレス化って意味からね)
状況に応じて、印刷が必要な場合があるのも事実。
目的地への地図・連絡先とかね。
まぁ、携帯がパソコン並みにWEB閲覧が可能になれば、印刷する必要もなくなるんだろうけど…
旅先で携帯使って、調べ物(検索)した事あるけど
普段、使ってないせいか、異常にストレス感じるし(苦笑
と偉そうに言ってはみたけど…
私の携帯は古い機種だからねぇ。
一応、フルブラウザ表示の機能はあるけど、
読み込み時間が長いし、途中でサイズオーバーで途切れるし(苦笑
なので、まだまだ印刷しての利用方法は無視できないなぁ。
と、いう事で自分用のまとめをば。
■印刷用スタイルシートの読込
<link rel="stylesheet" type="text/css" href="印刷用スタイルシート名.css" media="print">
■印刷時の改ページ制御
page-break-before: always; /* 指定行で改ページ */
page-break-after: always; /* 指定行の次要素から改ページ */
■ブロック要素中での改ページ禁止
page-break-inside: avoid;
■印刷時に要素を消す
display: none;
全ページにヘッダ・フッタの印刷って方法を見た気がするんだけど…
ザッと手持ちの(CSS関連の)本を漁ったけど発見できず。 orz
ググってみたけど発見できず。
エクセルとかの内容と、ごっちゃになってるっぽい(笑
ちなみに…
ホームページの表示内容と印刷内容が異なる場合、
クレーム(?)となる事もあるので、御注意を。
適度な位置での改ページ制御程度が無難ですかね。