css marks样式与实例

时间:2023-05-04 17:12:04

marks 是一个 CSS 页面属性,用于指定在页面的四个角落显示剪裁和打印页码的位置。

该属性接受以下值:

none:默认值,不显示任何标记。
crop:在页面的上下左右角显示剪裁标记。
cross:在页面的上下左右角显示剪裁和交叉标记。
box:在页面的上下左右角显示剪裁和打印页码的方框。
以下是一个 marks 的示例:

<!DOCTYPE html>
<html>
<head>
<title>Marks Example</title>
<style>
@page {
marks: crop cross box;
}
</style>
</head>
<body>
<h1>Page Content</h1>
<p>This is some text that will be printed.</p>
</body>
</html>

在上面的示例中,使用 @page 规则为所有页面设置 marks: crop cross box,表示在页面的上下左右角显示剪裁和打印页码的方框。

相关词 marks