举报投诉联系我们 手机版 热门标签 编程学
您的位置：编程学 > css right属性 CSS border-right 属性

css right属性 CSS border-right 属性

2023-06-02 05:18 CSS参考手册

css right属性 CSS border-right 属性

css right属性

CSS right属性是用来指定元素的右边距，它可以用来控制元素的位置。它可以使用绝对值（如px）或相对值（如%）来指定。

right属性与left属性配合使用时，可以很好地控制元素的位置。例如，我们可以使用left和right属性将一个div水平居中显示：

div { 
    position: absolute; 
    left: 50%; 
    right: 50%; 
}

CSS border-right 属性

CSS 参考手册

实例

设置右边框的样式：

p
  {
  border-style:solid;
  border-right:thick double #ff0000;
  }

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera
         

所有浏览器都支持 border-right 属性。

注释：IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

定义和用法

border-right 简写属性把右边框的所有属性设置到一个声明中。

可以按顺序设置如下属性：

  • border-right-width
  • border-right-style
  • border-right-color

如果不设置其中的某个值，也不会出问题，比如 border-right:solid #ff0000; 也是允许的。

默认值： not specified
继承性： no
版本： CSS1
JavaScript 语法： object.style.borderRight="3px solid blue"

可能的值

值描述
border-right-width规定右边框的宽度。参阅：border-right-width 中可能的值。
border-right-style规定右边框的样式。参阅：border-right-style 中可能的值。
border-right-color规定右边框的颜色。参阅：border-right-color 中可能的值。
inherit规定应该从父元素继承 border-right 属性的设置。

TIY 实例

所有右边框属性在一个声明之中
本例演示一个简写属性，用于把所有右边框属性设置在一条声明中。

相关页面

CSS 教程：CSS 边框

HTML DOM 参考手册：borderRight 属性

CSS 参考手册

阅读全文
以上是编程学为你收集整理的css right属性 CSS border-right 属性全部内容。
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
相关文章
猜您喜欢
标签TAG
本月热门
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部