2010-03-17

印刷用CSS

◆印刷用のCSS

印刷用のCSShtmlのリンクタグにメディア属性をかく

必要な部分と必要じゃない部分↓


【HEAD内】
<link REL="stylesheet" type="text/css" HREF="印刷.css" media="print">

通常のCSSには、media="all"

*注意点*印刷用は普通のCSSの後に。
<head>
<link href="通常.css" media="all"/>
<link href="印刷.css" media="print"/>
</head>



◆要らない部分(消す部分)のCSS

  display:none;


※id: navitopicfootに指定する。


◆その他、気にかけること

・フォントのサイズ
・横幅

フォントのサイズは”pt(ポイント)”で指定。(10~11pt)
横幅は、640pxぐらいまで


--------------------------------------------------

*WEB工房きくちゃん
http://www.stylish-style.com/csstec/hi-level/print-css.html


--------------------------------------------------

0 件のコメント:

コメントを投稿

アマゾン和書/最新の情報