CSS 參考手冊
根據(jù)容器大小重置圖片的大小，并設置圖片的位置：
object-position 屬性一般與 object-fit一起使用，用來設置元素的位置。
object-position 一般用于 img 和 video 標簽。
| 默認值: | 50% 50% |
|---|---|
| 繼承: | 是。 |
| 動畫: | 是。 關于 CSS 動畫 運行代碼 ? |
| 版本: | CSS3 |
| JavaScript 語法: | object.style.objectPosition="0 10%" 運行代碼 ? |
表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| object-position | 31.0 | 16.0 | 36.0 | 7.1 | 19.0 |
object-position: position|initial|inherit;
| 值 | 描述 | |
|---|---|---|
| position | 指定 image 或 video 在容器中的位置。第一個值為 x 坐標位置的值，第二個值為 y 坐標位置的值。表示的方式有：
object-position: 50% 50%; object-position: right top; object-position: left bottom; object-position: 250px 125px; |
|
| initial | 設置為默認值，關于 initial | |
| inherit | 從該元素的父元素繼承屬性。 關于 inherit |
<ruby id="2o5le"></ruby>