エントリー

印刷用スタイルシート

自分用にまとめてみた。んだけど…
こんなに少なかったっけ?

ちなみに各ブラウザでの対応うんぬんは未確認です(苦笑
・印刷用シートの読込
・改ページ制御
・要素削除
は、ある程度は確認済だけど。

個人的には、ホームページを印刷するってのはナンセンスな気がするんだけど…
(ペーパレス化って意味からね)
状況に応じて、印刷が必要な場合があるのも事実。

目的地への地図・連絡先とかね。
まぁ、携帯がパソコン並みに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
ググってみたけど発見できず。

エクセルとかの内容と、ごっちゃになってるっぽい(笑

ちなみに…
ホームページの表示内容と印刷内容が異なる場合、
クレーム(?)となる事もあるので、御注意を。

適度な位置での改ページ制御程度が無難ですかね。

ページ移動

トラックバック

  • トラックバックはまだありません。

トラックバックURL

https://izuito.net/_cgi/freo/trackback/1270

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
登録フォーム
名前
メールアドレス
URL
投稿キー(スパム対策に、投稿キー を半角で入力してください。)
コメント
閲覧制限

ユーティリティ

- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去ログ

ノート

  • ノートは登録されていません。

新着エントリー

javascript 再勉強中
2024/03/08 10:56
ベータガンダムは伊達じゃない
2024/02/21 11:07
残り約50ページ
2024/01/29 13:07
スマホのカメラ機能
2023/12/19 11:59
ガラケー卒業
2023/11/27 18:57

新着コメント

Re:3DOソフトカタログ
2024/05/30 from 承認待ち
Re:チョロQ3
2024/04/25 from 承認待ち
Re:スマホのカメラ機能
2024/01/13 from dshata
Re:スマホのカメラ機能
2024/01/12 from とくめい
Re:アクアビーズアート(2)
2021/10/10 from はやとまる