Thuộc tính vị trí của đối tượng kiểu
Ví 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 cách 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%";
Hãy tự mình thử »Sự miêu tả
Thuộc tính objectPosition được sử dụng để chỉ định cách định vị <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ả về: | Chuỗi hoặc Số, biểu thị vị trí của một phần tử trong hộp nội dung của nó |
Phiên bản CSS | CSS3 |
Trang liên quan
Hướng dẫn CSS: CSS phù hợp với đối tượng
Tham chiếu CSS: thuộc tính vị trí đối tượng