print.css 印刷用CSSの作成方法
2007.03.30 Friday | category:CSS スタイルシート
head内に
<link rel="stylesheet" href="common.css" type="text/css" media="screen,tv" />
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
と記述。
→common.cssはWEB上適用されるCSS
→print.cssは印刷時用に適用されるCSS
common.cssの中身は
@media screen{
/*この中にCSSを記述*/
}
print.cssの中身は
@media print{
/*この中にCSSを記述*/
}
WEBでは表示されているけれども、印刷用には表示したくない時は、
.side {
display:none;
}
とすればよい。
ただしMac IEで「@media type { 〜 } で括られた範囲内のスタイル指定が全て無視される。」というバグがあるため、MacIEで、適用されません。
CSSが適用されないので、MacIE用にもう一枚用意するか、MacIEをサービス対象外とするしかありません。
<link rel="stylesheet" href="common.css" type="text/css" media="screen,tv" />
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
と記述。
→common.cssはWEB上適用されるCSS
→print.cssは印刷時用に適用されるCSS
common.cssの中身は
@media screen{
/*この中にCSSを記述*/
}
print.cssの中身は
@media print{
/*この中にCSSを記述*/
}
WEBでは表示されているけれども、印刷用には表示したくない時は、
.side {
display:none;
}
とすればよい。
ただしMac IEで「@media type { 〜 } で括られた範囲内のスタイル指定が全て無視される。」というバグがあるため、MacIEで、適用されません。
CSSが適用されないので、MacIE用にもう一枚用意するか、MacIEをサービス対象外とするしかありません。
12:18 | comments(0) | - | - | -
⇒ Tadashi (03/13)
⇒ yo5kg (06/06)
⇒ jumbo (04/25)
⇒ ぐみ (12/11)
⇒ eguti (06/04)
⇒ ビジログ (03/09)
⇒ nana (02/02)
⇒ TOM (01/22)
⇒ pon (11/09)
⇒ pon (11/09)