- 追加された行はこの色です。
- 削除された行はこの色です。
[[FrontPage]]
*印刷ボタン [#r8567cba]
<INPUT TYPE="button" VALUE="印刷" ONCLICK="print()"
*印刷したときに別のスタイルを適用する [#k7f99678]
** その1 以下のように2つスタイルシートを指定しておく [#v8226146]
<link rel="stylesheet" type="text/css" href="design.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
** その2 @print 内にクラスを記述 [#b25b6e68]
下の「印刷時に余計なメニューなどを隠す」参照のこと [#g255f4fc]
*印刷時に余計なメニューなどを隠す [#s31da216]
以下のcssを適用すれば良い。
@print{
@media print{
div.noprint{
display:none;
}
}
上で紹介した印刷ボタンなどもこれで隠せば良い.
*ヘッダ,フッタ [#xd75e6bc]
-簡易的に作るには
--position:fixedなどを使えば良い.
---http://www.zspc.com/documents/wcag10-tech/css-techniques/
--position:fixedの動作確認
---http://useyan.x0.com/s/html/expression/sample/sample_fixed.html
--IE6だとpositon:fixedは使えないので工夫する.
--このやりかただと通常表示でも表示されるので,それを抑止するには非印刷時にdisplay:none;が適用されるようにしておけばいい
-ちゃんと作るには
--xmlパーサ
--CSS3
*改ページ [#r7498a2a]
CSSにpage-break-before: alwaysを入れる