网站地图    收藏   

主页 > 专题教程 > css >

:right

来源:自学PHP网    时间:2018-02-08 10:48 作者: 阅读:

[导读] CSS :right 伪类选择器用于匹配被打印文档的所有右侧的页面。...

CSS :right伪类选择器用于匹配被打印文档的所有右侧的页面。

当使用左右两侧的方式来打印页面(例如打印一本书)的时候,左侧的页面和右侧的页面是不同的。:left伪类选择器用于和@page结合使用。@page规则用于选择打印文档的所有页面,当它和:right伪类选择器结合使用时,只会选择右侧的页面。例如:

@page :right {
    /* 为所有的左侧页面设置样式 */
}

@page规则除了可以和:right伪类选择器结合使用之外,还可以和:first和伪类选择器结合使用。:first用于选择文档中所有的第一个页面,:left用于选择所有左侧的页面。

@page :right中设置的规则会覆盖@page中设置的规则。

@page :first中设置的规则会覆盖所有@page :left@page :right中设置的规则。

示例代码
/* 页面的所有margin值设置为2cm */
@page { 
    margin: 2cm; 
} 

/* 右侧页面的margin值设置为2.5cm */
@page :right {
  margin-right: 2.5;    
}
浏览器支持

只有 Internet Explorer 8+和Opera 9.2+的浏览器支持:right伪类选择器。Firefox浏览器不支持,其它浏览器是否支持不确定。

最新评论

添加评论

更多文章推荐

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论