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