文字
分享

语法:

@page :right { sRules }

说明:

设置页面容器位于装订线右边的所有页面使用的样式。仅用于@page规则。
  • 该伪类选择符只允许定义margin, padding, border 和 background属性

  • 相关查看:@page, :first, :left

兼容性:

IEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
6.0-7.02.0-38.04.0+3.1-8.115.0+3.2-8.12.1-4.4.418.0+
IE9.0+

示例:

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>@page :right_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

@page :right {

    margin-right: 300px;

}

div {

    page-break-after: always;

}

</style>

</head>

<body>

<div>有很长的一句话来测试页面容器位于装订线右边的所有页面左外边距为300px</div>

<div>有很长的一句话来测试页面容器位于装订线右边的所有页面左外边距为300px</div>

<div>有很长的一句话来测试页面容器位于装订线右边的所有页面左外边距为300px</div>

</body>

</html>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇:@page:left下一篇:伪对象选择符