JavaScript HTML DOM Style objectPosition 属性

  • objectPosition 属性

    objectPosition属性用于指定<img>或<video>应如何定位在其自己的内容框中。
    调整图像大小以适合其内容框,并将图像从左侧放置5px,从内容框顶部放置10%:
    document.getElementById("myImg").style.objectPosition = "0 10%";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    objectPosition
    16.0+
    31.0+
    36.0+
    7.1+
    19.0+
  • 语法

    返回objectPosition属性:
    object.style.objectPosition
    设置objectPosition属性:
    object.style.objectPosition = "position|initial|inherit"
  • 属性值

    描述
    position 指定图像或视频在其内容框中的位置。 第一个值控制x-asis,第二个值控制y轴。 可以是字符串(左,中或右)或数字(以px或%表示)。 允许负值
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 50% 50%
    返回值: 字符串或数字,表示元素在其内容框中的位置
    CSS版本 CSS3
  • 相关页面

    CSS教程:CSS 对象适应