Printing and Style Sheets

最新推荐文章于 2024-07-07 23:45:40 发布

翻译最新推荐文章于 2024-07-07 23:45:40 发布 · 452 阅读

文章标签：

#printing #attributes #styles #internet #filter #properties

本文介绍了如何使用CSS的媒体属性来区分网页显示与打印样式，包括如何为打印设置专门的样式表，以及如何利用page-break-before和page-break-after属性来控制长文档的分页打印。

Printing and Style Sheets

Switch on low bandwidth view

Language Filter : All

Printing and Style Sheets

The style and link elements support the MEDIA attribute, which defines the output device for the style

样式和链接元素支持那些详细定义了输出设置的媒体属性，

sheet. Values for MEDIA are screen, print and all. The default is screen, so not setting the MEDIA

媒体的意义就是显示、打印，默认情况是显示，所以不设置媒体属性导致显示的页面样式永远与打印相同。

attribute causes the style sheet to always be applied to the page for the screen as well as printing. The print value specifies that the style sheet is used when the page is printed; this value does not affect how

打印的结果说明当一页被打印时，它们使用了样式；这个结果无法影响表单的显示。

the document will be displayed onscreen. The all value determines that the document is formatted for both the screen and print.

所有的结果决定了表单显示和打印的样式。

Note All filter styles, including visual effects filters, are ignored when printing. Windows Internet Explorer renders this content for printing with any applicable text style properties.

注意：所有过滤器的风格，例如过滤器的视觉效果，在打印时都将被忽略。Windows Internet Explorer 在打印时忽略该内容的任何可适用的文本样式属性。

Setting Page Breaks for Printing

设置打印的分页

You can control the placement of page breaks in your documents by using the page-break-before and page-break-after attributes. These attributes indicate when to break to a new page when printing the

你可以通过对表单元素设置page-break-before和 page-break-after属性实现分页控制

document and on what page (left or right) to resume printing. These attributes are useful when you want to print long documents into logical sections.

这些属性表明当打印文档和以什么样的页面（左或右）回复打印时进行分页。

For example, the following document defines a class "page" in a style sheet and uses it to set page breaks in the document.

例如，下面的例子通过样式“page”去设置分页。

Copy Code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Dynamic Styles: Page Breaking</title>

div.page {

page-break-before: always;

}

</style>

</head>

<body>

content on page 1

content on page 2

</div>

</body>

</html>

You can set page breaks from within a script by setting the pageBreakBefore and pageBreakAfter properties on the style object. The following example sets a page break immediately before each H1 element in the document.

Copy Code

var coll = document.all.tags("H1");

for (i=0; i<coll.length; i++) {

coll(i).style.pageBreakBefore = "always";

}