[[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を適用すれば良い。 @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を入れる