CSS right 属性
Example
将绝对定位的 <div> 元素20px的右边缘设置为其最近定位的祖先的右边缘:
div.absolute {
position: absolute;
right: 20px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
尝试一下 »定义及用法
对于 static 元素,为 auto;对于长度值,则为相应的绝对长度;对于百分比数值,为指定值;否则为 auto。 对于相对定义元素,left 的计算值始终等于 right。
right 属性规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。
默认值: | auto |
---|---|
继承: | 否 |
可动画化: | yes. 请参阅 animatable 尝 试 |
版本: | CSS2 |
JavaScript 语法: | object.style.right="200px" 尝 试 |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
属性 | ||||||
---|---|---|---|---|---|---|
right | 1.0 | 12.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS 语法
right: auto|length|initial|inherit;
属性值
值 | 描述 | 演 示 |
---|---|---|
auto | 默认值。通过浏览器计算右边缘的位置。 | 演 示 » |
length | 使用 px、cm 等单位设置元素的右边位置。可使用负值。 | 演 示 » |
% | 设置以包含元素的百分比计的右边位置。可使用负值。 | 演 示 » |
initial | 将此属性设置为其默认值。请参阅 initial | 演 示 » |
inherit | 从其父元素继承此属性。请参阅 inherit |
相关文章
CSS 教程:CSS Positioning
CSS 参考手册:left 属性
CSS 参考手册:bottom 属性
CSS 参考手册:top 属性
HTML DOM 参考手册:right 属性