大小
**size
** CSS at-rule 描述符,与 @page
at-rule 一起使用,定义用于表示页面的框的大小和方向。大多数情况下,此大小对应于打印页面的目标大小(如果适用)。
Size 可以通过“可缩放”关键字(在这种情况下,页面将填满可用尺寸)或绝对尺寸来定义。
语法
css
/* Keyword values for scalable size */
size: auto;
size: portrait;
size: landscape;
/* <length> values */
/* 1 value: height = width */
size: 6in;
/* 2 values: width then height */
size: 4in 6in;
/* Keyword values for absolute size */
size: A4;
size: B5;
size: JIS-B4;
size: letter;
/* Mixing size and orientation */
size: A4 portrait;
值
auto
-
用户代理决定页面的大小。在大多数情况下,使用目标纸张的尺寸和方向。
landscape
-
页面内容以横向模式显示(即框的最长边是水平的)。
portrait
-
页面内容以纵向模式显示(即框的最长边是垂直的)。这是默认方向。
<长度>
-
任何长度值(见
<length>
)。第一个值对应于页面框的宽度,第二个值对应于页面框的高度。如果只提供一个值,则该值同时用于宽度和高度。 <页面大小>
-
可以是以下任何值的关键字
- A5
-
这与标准 ISO 尺寸匹配:148mm x 210mm。
- A4
-
这与标准 ISO 尺寸匹配:210mm x 297mm。(个人打印最常用的尺寸)
- A3
-
这与标准 ISO 尺寸匹配:297mm x 420mm。
- B5
-
这与标准 ISO 尺寸匹配:176mm x 250mm。
- B4
-
这与标准 ISO 尺寸匹配:250mm x 353mm。
- JIS-B5
-
这对应于 JIS 标准尺寸:182mm x 257mm。
- JIS-B4
-
这对应于 JIS 标准尺寸:257mm x 364mm。
- letter
-
此关键字等效于北美信纸的尺寸,即 8.5in x 11in。
- legal
-
此关键字等效于北美法律文件的尺寸,即 8.5in x 14in。
- ledger
-
此关键字等效于北美帐页的尺寸,即 11in x 17in。
正式定义
正式语法
示例
指定大小和方向
css
@page {
size: A4 landscape;
}
指定自定义大小
css
@page {
size: 4in 6in;
}
在 @media 规则内嵌套
css
@media print {
@page {
size: 50mm 150mm;
}
}
规范
规范 |
---|
CSS 分页媒体模块第 3 级 # page-size-prop |
浏览器兼容性
BCD 表格仅在浏览器中加载