Thuộc tính vị trí đối tượng CSS
Thí dụ
Thay đổi kích thước hình ảnh để vừa với hộp nội dung của nó và đặt hình ảnh 5px từ bên trái và 10% từ trên cùng bên trong hộp nội dung:
img.a {
width: 200px;
height:
400px;
object-fit: none;
object-position: 5px 10%;
border: 5px solid red;
}
Định nghĩa và Cách sử dụng
Thuộc object-position
tính được sử dụng cùng với object-fit để chỉ định cách định vị một <img> hoặc <video> với tọa độ x / y bên trong "hộp nội dung riêng" của nó.
Giá trị mặc định: | 50% 50% |
---|---|
Thừa hưởng: | Đúng |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.objectPosition = "0 10%" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
object-position | 31.0 | 16.0 | 36.0 | 10.0 | 19.0 |
Cú pháp CSS
object-position: position|initial|inherit;
Giá trị tài sản
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-axis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Các trang liên quan
Hướng dẫn CSS: CSS object-fit
Tham chiếu CSS: CSS object-fit
Tham chiếu DOM HTML: Thuộc tính objectPosition