與列印有關的CSS

 總表：
 

Printing Properties 屬性	CSS Version 版本	Compatibility 相容性	Inherit From Parent 繼承性	Description 簡介
page	CSS2	IE5.5+	有	檢索或指定顯示對象容器時使用的頁面類型（pagetype）。參閱@page規則
page-break-after	CSS2	IE4+	無	檢索或設定對象後出現的頁分割符
page-break-before	CSS2	IE4+	無	檢索或設定對象前出現的頁分割符
page-break-inside	CSS2	NONE	有	檢索或設定對象容器中出現的頁分割符
marks	CSS2	NONE	無	設定或檢索什麼樣的標誌是應該在頁容器外邊被給予
orphans	CSS2	NONE	有	設定或檢索對象內容內一定要留在一頁範圍底端以內的行的最少數量
size	CSS2	NONE	有	檢索或指定頁面規格的調整
widows	CSS2	NONE	有	檢索或指定一定要留在頁面頂部的行數

 說明：綠色是CSS2標準屬性。紅色是目前尚無瀏覽器支援的屬性。

 

page

：

@page

：相容性：IE5.5+

文法：
 
@page  label  pseudo-class { sRules }
 
說明：
 
label : 　頁標
pseudo-class : 　偽類。:first | :left | :right
sRules : 　樣式表定義
 
設定頁面容器的版式，方向，邊空等。
頁面容器包括頁面內容地區和內容地區外圍的邊空補白地區。
 
樣本：
 
@page thin:first { size: 3in 8in }

 

page-break-after

 

 

 

page-break-before

 

page-break-inside

 

marks

 

orphans

 

size

 

widows

 

@media

：相容性：IE5+
 
文法：
 
@media  sMedia { sRules }
 
說明：
 
sMedia : 　指定裝置名稱。請參閱附錄：裝置類型
sRules : 　樣式表定義
 
指定樣式表規則用於指定的裝置類型。請參閱link對象的media屬性（特性）。
 
樣本：
 
// 設定顯示器用字型尺寸
@media screen {
BODY {font-size:12pt; }
}
 
// 設定印表機用字型尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}
：相容性：NONE　繼承性：無
 
文法：
 
size : auto | portrait | landscape | length
 
參數：
 
auto : 　指定為適應目標紙張尺寸和方向的relative頁面容器
portrait : 　指定為適應目標紙張尺寸和方向的relative頁面容器，不理會目標頁的當前預設的內容方向，使用文檔流從左至右短距離跨越，向下長距離跨越的典型範例（縱向方式）
landscape : 　指定為適應目標紙張尺寸和方向的relative頁面容器，不理會目標頁的當前預設的內容方向，使用橫向方式
length : 　由浮點數字和單位標識符組成的長度值。指定為固定尺寸和方向的absolute頁面容器。只有一個參數，則指定高度和寬度。用空格分開的兩個，第一個指定高度，第二個指定寬度。請參閱長度單位
 
說明：
 
檢索或指定頁面規格的調整。它把頁面容器歸類為absolute和relative兩種。absolute頁面有固定的尺寸。relative頁面容器將會調整適應目標紙張的尺寸。
目前IE5.5尚不支援此屬性。
對應的指令碼特性為size。請參閱我編寫的其他書目。
 
樣本：
 
body { size: 8.5in 11in }

：相容性：NONE　繼承性：有
 
文法：
 
widows : number
 
參數：
 
number : 　無單位整數。不可為負值
 
說明：
 
檢索或指定一定要留在頁面頂部的行數。
目前IE5.5尚不支援此屬性。
對應的指令碼特性為 widows。請參閱我編寫的其他書目。
 
樣本：
 
p { widows: 1 }
：相容性：NONE　繼承性：有
 
文法：
 
orphans : number
 
參數：
 
number : 　整數
 
說明：
 
設定或檢索對象內容內一定要留在一頁範圍底端以內的行的最少數量。
目前IE5.5尚不支援此屬性。
對應的指令碼特性為 orphans。
相容性：NONE　繼承性：無
 
文法：
 
marks : none | crop || cross
 
參數：
 
none : 　無頁標記出現
crop : 　在頁面將會被裁切處指定切割標記
cross : 　指定交叉線標記用來供頁面對齊
 
說明：
 
印刷業的印刷文檔通常在頁面內容地區外帶有一些標記，用來校正和調整所有的頁面。此屬性用來設定或檢索什麼樣的標誌是應該在頁容器外邊被給予。
目前IE5.5尚不支援此屬性。
對應的指令碼特性為 marks。
：相容性：NONE　繼承性：有
 
文法：
 
page-break-inside : auto | avoid
 
參數：
 
auto : 　假如需要在對象容器中插入頁分割符
avoid : 　使當前對象容器中禁止插入頁分割符
 
說明：
 
檢索或設定對象容器中出現的頁分割符。
目前IE5.5尚不支援此屬性。
對應的指令碼特性為 pageBreakInside。
：相容性：IE4+　繼承性：無
 
文法：
 
page-break-before : auto | always | avoid | left | right | null
 
參數：
 
auto : 　假如需要在對象之前插入頁分割符
always : 　始終在對象之前插入頁分割符
avoid : 　避免在對象前面插入頁分割符
left : 　在對象前面插入頁分割符直到它到達一個空白的左頁邊
right : 　在對象前面插入頁分割符直到它到達一個空白的右頁邊
null : 　空值。IE5用來取消頁分割符設定
 
說明：
 
檢索或設定對象前出現的頁分割符。
IE5僅支援always值和空白值（ null）。
在IE4中此屬性不作用於br對象，但是IE5作用。
對應的指令碼特性為 pageBreakBefore。
：相容性：IE4+　繼承性：無
 
文法：
 
page-break-after : auto | always | avoid | left | right | null
 
參數：
 
auto : 　假如需要在對象之後插入頁分割符
always : 　始終在對象之後插入頁分割符
avoid : 　避免在對象後面插入頁分割符
left : 　在對象後面插入頁分割符直到它到達一個空白的左頁邊
right : 　在對象後面插入頁分割符直到它到達一個空白的右頁邊
null : 　空值。IE5用來取消頁分割符設定
 
說明：
 
檢索或設定對象後出現的頁分割符。
IE5僅支援always值和空白值（ null）。
在IE4中此屬性不作用於br對象，但是IE5作用。
對應的指令碼特性為 pageBreakAfter。 
 
樣本：
 
p { page-break-after: always;}
相容性：IE5.5+　繼承性：有
 
文法：
 
page : auto | pagetype
 
參數：
 
auto : 　參照當前的預設頁面
pagetype : 　指定@page規則裡的一個頁面類型（ pagetype）定義
 
說明：
 
檢索或指定顯示對象容器時使用的頁面類型（ pagetype）。參閱@page規則。
對應的指令碼特性為 page。