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