总表:
语法:
@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。
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。