Style objectPosition 属性
实例
调整图像大小以适合其内容框，并将图像从左侧5px和顶部10%放置在内容框内:
document.getElementById("myImg").style.objectPosition = "0 10%";
亲自试一试 »
定义和用法
objectPosition属性用于指定如何将 <img> 或 <video> 放置在其自己的内容框中。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
语法
返回 objectPosition 属性:
object.style.objectPosition
设置 objectPosition 属性:
object.style.objectPosition = "position|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| position | 指定图像或视频在其内容框中的位置。第一个值控制x轴，第二个值控制y轴。可以是字符串（左、中或右），也可以是数字（像素或百分比）。允许使用负值 |
| initial | 设置该属性为它的默认值。请参阅 initial |
| inherit | 从父元素继承该属性。请参阅 inherit |
技术细节
| 默认值: | 50% 50% |
|---|---|
| 返回值: | 表示元素在其内容框中的位置的字符串或数字 |
| CSS 版本 | CSS3 |
相关页面
CSS 教程: CSS object-fit
CSS 参考手册: object-position 属性
❮ Style Object
