right#

介绍#

right 属性定义了定位元件的右外边距边界与其包含块右边界之间的偏移，非定位元件设置此属性无效。定位元件参考 position 属性。

right 的效果取决于元件的 position 属性：

• 当 position 设置为 absolute 或 fixed 时，right 属性指定了定位元件右外边距边界与其包含块右边界之间的偏移。

• 当 position 设置为 relative 时，right 属性指定了元件的右边界离开其正常位置的偏移。

当 left 和 right 同时指定时，元件的位置会被重复指定。当容器是从左到右时，left 的值会被优先设定；当容器是从右到左时，right 的值会被优先设定。

使用示例#

css-apisrc/right/App.tsx

预览

语法#

/* <length> values */
right: 3px;
right: 2rpx;
right: 2.4em;
right: 3rem;

right: 10%;

/* Keyword value */
right: auto;

/* calc */
right: calc(1px + 1px);

取值#

auto#

默认值。

<length>#

可以是负的，正的或者 null <length> 表示：

• 对于绝对定位的元件，元件右外边距边界与其包含块右边界之间的偏移。
• 对于相对定位定位的元件，元件的右边界离开其正常位置的偏移。

<percentage>#

使用外层元件的容纳区块宽度（the containing block's width）的百分比定义宽度。

形式定义#

形式语法#

兼容性#