Đối tượng kiểu dáng
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:
document.getElementById("myImg").style.objectPosition = "0 10%";
Định nghĩa và Cách sử dụng
Thuộc tính objectPosition được sử dụng để chỉ định cách định vị một <img> hoặc <video> trong hộp nội dung của chính nó.
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 | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Cú pháp
Trả về thuộc tính objectPosition:
object.style.objectPosition
Đặt thuộc tính objectPosition:
object.style.objectPosition = "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-asis 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 |
Chi tiết kỹ thuật
Giá trị mặc định: | 50% 50% |
---|---|
Giá trị trả lại: | Một chuỗi hoặc một số, đại diện cho vị trí của một phần tử trong hộp nội dung của nó |
Phiên bản CSS | CSS3 |
Các trang liên quan
Hướng dẫn CSS: CSS object-fit
Tham chiếu CSS: thuộc tính object-position
❮ Đối tượng phong cách