怎樣使用 css 的@media print控制打印?
<HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD>
<BODY> <style media="print">//這表示是在打印時的樣式 .noprint { display: none;font-size:19px;COLOR: blue; } </style>
<style media="screen"> //這表示是在屏幕顯示時的樣工 .print {font-size:19px;COLOR: red; } </style>
<body> <span class="print" >打印部分</span><br><br><Br> <span class="noprint" >不打印,但可以看部分</span> </BODY> </HTML>
==================================================================== @media版本:CSS2 兼容性:IE5+
語法:
@media sMedia { sRules }
說明:
sMedia : 指定設備名稱。請參閱附錄:設備類型 sRules : 樣式表定義
指定樣式表規則用於指定的設備類型。請參閱link對象的media屬性(特性)。
示例:
// 設置顯示器用字體尺寸 @media screen { BODY {font-size:12pt; } }
// 設置打印機用字體尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }
=====================================================================
Media Types 設備類型
Media Type 設備類型 CSS Version 版本 Compatibility 兼容性 Description 簡介 all CSS2 IE4+ 用於所有設備類型 aural CSS2 NONE 用於語音和音樂合成器 braille CSS2 NONE 用於觸覺反饋設備 embossed CSS2 NONE 用於凸點字符(盲文)印刷設備 handheld CSS2 NONE 用於小型或手提設備 print CSS2 IE4+ 用於打印機 projection CSS2 NONE 用於投影圖像,如幻燈片 screen CSS2 IE4+ 用於計算機顯示器 tty CSS2 NONE 用於使用固定間距字符格的設備。如電傳打字機和終端 tv CSS2 NONE 用於電視類設備