• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • :right

    :right是@page规则下的CSS 伪类,表示打印文档的所有右页。

    示例

    /* 当打印时会选择所有文档右页 */
    @page :right {
      margin: 2in 3in;
    }
    

    这里的“左”或“右”不是固定的,取决与文档的写作方向。如果第一页主要文字方向是从左到右的,那么它就是:right右页,反之它就是:left左页。

    Note:可通过bdo标签的dir属性改变文字方向。

    Note:此伪类只能用于更改页面的margin,padding,border,andbackground属性。其它属性都将被忽略,只会影响页框,不会影响文档内容。

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    火狐浏览器不支持:right,IE8以上版本的浏览器都支持:right

    语法

    @page:right{sRules}

    例子

    语法:

    @page:right{sRules}

    说明:

    设置页面容器位于装订线右边的所有页面使用的样式。仅用于@page规则。

    • 该伪类选择符只允许定义margin,padding,border和background属性

    :rightCSS伪类必须与@规则@page一起配套使用,表示打印文档的所有右页。

    /* 当打印时会选择所有文档右页 */
    @page :right {
      margin: 2in 3in;
    }
    

    上篇::left

    下篇:@page