与打印有关的CSS

 总表:
 
Printing Properties
属性
CSS Version
版本
Compatibility
兼容性
Inherit From Parent
继承性
Description
简介
pageCSS2IE5.5+检索或指定显示对象容器时使用的页面类型(pagetype)。参阅@page规则
page-break-afterCSS2IE4+检索或设置对象后出现的页分割符
page-break-beforeCSS2IE4+检索或设置对象前出现的页分割符
page-break-insideCSS2NONE检索或设置对象容器中出现的页分割符
marksCSS2NONE设置或检索什么样的标志是应该在页容器外边被给予
orphansCSS2NONE设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量
sizeCSS2NONE检索或指定页面规格的调整
widowsCSS2NONE检索或指定一定要留在页面顶部的行数


 说明:绿是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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值