CSS打印

来自站长百科
跳转至: 导航、​ 搜索

导航: 上一页 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

page[ ]

语法:page : auto | pagetype
取值:
auto  :  参照当前的默认页面
pagetype  :  指定 @page 规则里的一个页面类型( pagetype )定义

说明:
检索或指定显示对象容器时使用的页面类型( pagetype )。
对应的脚本特性为 page 。
示例:
@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }

page-break-after[ ]

语法:page-break-after/page-break-before : auto | always | avoid | left | right | null
取值:
auto  :  假如需要在对象之后插入页分割符
always  :  始终在对象之后插入页分割符
avoid  :  未支持。避免在对象后面插入页分割符
left  :  未支持。在对象后面插入页分割符直到它到达一个空白的左页边
right  :  未支持。在对象后面插入页分割符直到它到达一个空白的右页边
null  :  空白字符串。取消页分割符设置

说明:
检索或设置对象后出现的页分割符。
此属性在打印文档时发生作用。此属性不作用于 BR 或 HR 对象。
假如在浏览器已显示的对象上此属性和 page-break-before /page-break-before属性的值之间发生冲突,则导致最大数目分页的值被使用。
页分隔符不允许出现在定位对象内部。
IE6及之前版本浏览器中, left 和 right 值的作用结果等同于 always 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 pageBreakAfter/page-break-before 。
示例:
p { page-break-after: always;}

marks[ ]

语法:marks : none | crop || cross
取值:
none  :  无页标记出现
crop  :  在页面将会被裁切处指定切割标记
lcross  :  指定交叉线标记用来供页面对齐

说明:
印刷业的印刷文档通常在页面内容区域外带有一些标记,用来校正和调整所有的页面。此属性用来设置或检索什么样的标志是应该在页容器外边被给予。
对应的脚本特性为 marks 。
示例:
body { marks: crop cross }

orphans[ ]

语法:orphans : number
取值:number  :  无单位整数。不可为负值

说明:
设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量。
对应的脚本特性为 orphans 。
示例:
p { orphans: 4; }

size[ ]

语法:size : auto | portrait | landscape | length
取值:
auto  :  指定为适应目标纸张尺寸和方向的相对(Relative)页面容器
portrait  :  指定为适应目标纸张尺寸和方向的相对(Relative)页面容器,不理会目标页的当前缺省的内容方向,使用文档流从左到右短距离跨越,向下长距离跨越的典型范例(纵向方式)
landscape  :  指定为适应目标纸张尺寸和方向的相对(Relative)页面容器,不理会目标页的当前缺省的内容方向,使用横向方式
length  :  由浮点数字和单位标识符组成的长度值。指定为固定尺寸和方向的绝对(Absolute)页面容器。只有一个参数,则指定高度和宽度。用空格分开的两个,第一个指定高度,第二个指定宽度。

说明:
对应的脚本特性为 size 。
示例:
body { size: 8.5in 11in }

widows[ ]

语法:widows : number
取值:number  :  无单位整数。不可为负值

说明:
检索或指定一定要留在页面顶部的行数。
对应的脚本特性为 widows 。
示例:
p { widows: 1 }