CSS ::分页媒体@page规则
分页媒体与连续媒体的不同之处在于,文档的内容分为一个或多个离散页面。分页介质包括纸张,透明胶片,在计算机屏幕上显示的页面等。
CSS2标准引入了一些基本的分页控制功能,这些功能使作者可以帮助浏览器确定如何最好地打印其文档。
CSS2页面模型指定如何在宽度和高度有限的矩形区域(页面框)中格式化文档。这些功能分为两组-
定义特定页面布局的CSS2功能。
CSS2功能可控制文档的分页。
定义页面:@page规则
CSS2定义了一个“页面框”,即在其中呈现内容的有限尺寸的框。页面框是一个包含两个区域的矩形区域-
页面区域 -页面区域包括在该页面上布置的框。页面区域的边缘充当分页符之间发生的布局的初始包含块。
页边区域-包围页面区域。
您可以在@page规则中指定页面框的尺寸,方向,边距等。页面框的尺寸通过'size'属性设置。页面区域的尺寸是页面框的尺寸减去边距区域。
例如,以下@page规则将页面框尺寸设置为8.5×11英寸,并在页面框边缘和页面区域之间的所有边上创建'2cm'边距-
您可以 在@page规则中使用 margin,top-top,margin-bottom,margin-left和margin-right属性来设置页面的页边距。
最后,在 @page规则中使用了marks属性,以 在目标工作表的页面框外创建裁切和套准标记。默认情况下,不打印任何标记。您可以使用裁切 和 交叉 关键字中的一个或两个 来在目标打印页面上分别创建裁切标记和套准标记。
设定页面大小
在 大小 属性指定页面框的大小和方向。有四个值可用于页面大小-
自动 -页面框将设置为目标图纸的尺寸和方向。
景观 -覆盖目标的方向。页面框的大小与目标大小相同,较长的边是水平的。
纵向 -覆盖目标的方向。页面框与目标的尺寸相同,较短的边是水平的。
length -'size'属性的长度值将创建一个绝对页面框。如果仅指定一个长度值,则它会设置页面框的宽度和高度。'size'属性不允许使用百分比值。
在下面的示例中,页面框的外边缘将与目标对齐。“页边距”属性上的百分比值是相对于目标尺寸的,因此,如果目标纸张尺寸为21.0cm×29.7cm(即A4),则页边距为2.10cm和2.97cm。
下面的示例将页面框的宽度设置为8.5英寸,高度设置为11英寸。此示例中的页面框要求目标纸张尺寸为8.5“×11”或更大。
创建命名页面布局后,可以通过将page属性添加到稍后应用于文档元素的样式中,来在文档中使用它。例如,此样式在横向页面上呈现文档中的所有表-
由于上述规则,在打印时,如果浏览器在文档中遇到