Style objectPosition 屬性
- 上一頁 objectFit
- 下一頁 opacity
- 返回上一層 HTML DOM Style 對象
定義和用法
objectPosition 屬性用于規定 <img> 或 <video> 應如何在其自己的內容框中進行定位。
另請參閱：
CSS 教程：CSS object-fit
CSS 參考手冊：object-position 屬性
實例
調整圖像大小以適合其內容框，并將圖像定位在內容框內距左側 5px 和距頂部 10% 的位置：
document.getElementById("myImg").style.objectPosition = "0 10%";
語法
返回 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 |
瀏覽器支持
表中的數字注明了首個完全支持該屬性的瀏覽器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
- 上一頁 objectFit
- 下一頁 opacity
- 返回上一層 HTML DOM Style 對象
