DevShelf

Appearance

object-position ​

描述 ​

object-position 属性确定替换元素在其框内的对齐方式。

效果展示 ​

语法 ​

css
/* Keyword values */
object-position: top;
object-position: bottom;
object-position: left;
object-position: right;
object-position: center;

/* <percentage> values */
object-position: 25% 75%;

/* <length> values */
object-position: 0 0;
object-position: 1cm 2cm;
object-position: 10ch 8em;

/* Edge offsets values */
object-position: bottom 10px right 20px;
object-position: right 3em bottom 10px;
object-position: top 0 right 10px;

/* Global values */
object-position: inherit;
object-position: initial;
object-position: revert;
object-position: revert-layer;
object-position: unset;

值 ​

  • <position> 指定定位区域（例如背景定位区域）内对象区域（例如背景图像）的位置。