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 軸。可以是字串(left, center 或 right),或數字(以 px 或 % 為單位)。允許使用負值。 |
initial | 將此屬性設定為其預設值。 瞭解 initial |
inherit | 從其父元素繼承此屬性。閱讀 inherit 的相關資訊 |
技術詳情
預設值 | 50% 50% |
---|---|
返回值 | 一個字串或數字,表示元素在其內容框中的位置。 |
CSS 版本 | CSS3 |
相關頁面
CSS 教程:CSS object-fit
CSS 參考: object-position 屬性