css打印属性设置,CSS中的Printing打印属性Properties应用举例

一：page

语法：

page : auto | pagetype

参数：

auto : 　参照当前的默认页面

pagetype : 　指定@page规则里的一个页面类型(pagetype)定义

说明：

检索或指定显示对象容器时使用的页面类型(pagetype)。

示例：

@page doublepage { size: 8.5in 11in; page-break-after: left }

body { page: doublepage; page-break-after: right }

二：page-break-after

语法：

page-break-after : auto | always | avoid | left | right | null

参数：

auto : 　假如需要在对象之后插入页分割符

always : 　始终在对象之后插入页分割符

avoid : 　避免在对象后面插入页分割符

left : 　在对象后面插入页分割符直到它到达一个空白的左页边

right : 　在对象后面插入页分割符直到它到达一个空白的右页边

null : 　空值。IE5用来取消页分割符设置

说明：

检索或设置对象后出现的页分割符。

示例：

p { page-break-after: always;}

三：page-break-before

语法：

page-break-before : auto | always | avoid | left | right | null

参数：

auto : 　假如需要在对象之前插入页分割符

always : 　始终在对象之前插入页分割符

avoid : 　避免在对象前面插入页分割符

left : 　在对象前面插入页分割符直到它到达一个空白的左页边

right : 　在对象前面插入页分割符直到它到达一个空白的右页边

null : 　空值。IE5用来取消页分割符设置

说明：

检索或设置对象前出现的页分割符。

示例：

p { page-break-after: always;}

四：page-break-inside

语法：

page-break-inside : auto | avoid

参数：

auto : 　假如需要在对象容器中插入页分割符

avoid : 　使当前对象容器中禁止插入页分割符

说明：

检索或设置对象容器中出现的页分割符。

示例：

p { page-break-inside: auto }

五：marks

语法：

marks : none | crop || cross

参数：

none : 　无页标记出现

crop : 　在页面将会被裁切处指定切割标记

cross : 　指定交叉线标记用来供页面对齐

说明：

印刷业的印刷文档通常在页面内容区域外带有一些标记，用来校正和调整所有的页面。此属性用来设置或检索什么样的标志是应该在页容器外边被给予。

示例：

body { marks: crop cross }

六：orphans

语法：

orphans : number

参数：

number : 　整数

说明：

设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量。

示例：

p { orphans: 4; }

七：size

语法：

size : auto | portrait | landscape | length

参数：

auto : 　指定为适应目标纸张尺寸和方向的relative页面容器

portrait : 　指定为适应目标纸张尺寸和方向的relative页面容器，不理会目标页的当前缺省的内容方向，使用文档流从左到右短距离跨越，向下长距离跨越的典型范例(纵向方式)

landscape : 　指定为适应目标纸张尺寸和方向的relative页面容器，不理会目标页的当前缺省的内容方向，使用横向方式

length : 　由浮点数字和单位标识符组成的长度值。指定为固定尺寸和方向的absolute页面容器。只有一个参数，则指定高度和宽度。用空格分开的两个，第一个指定高度，第二个指定宽度。请参阅长度单位

说明：

检索或指定页面规格的调整。它把页面容器归类为absolute和relative两种。absolute页面有固定的尺寸。relative页面容器将会调整适应目标纸张的尺寸。

示例：

body { size: 8.5in 11in }

八：widows

语法：

widows : number

参数：

number : 　无单位整数。不可为负值

说明：

检索或指定一定要留在页面顶部的行数。

示例：

p { widows: 1 }