Thuộc tính objectPosition của style

Định nghĩa và cách sử dụng

objectPosition Thuộc tính được sử dụng để quy định <img> hoặc <video> Cách định vị trong khung nội dung riêng của nó.

Xem thêm:

Hướng dẫn CSS:CSS object-fit

Tài liệu tham khảo CSS:Thuộc tính object-position

Mô hình

Chỉnh sửa kích thước hình ảnh để phù hợp với khung nội dung và đặt hình ảnh ở vị trí bên trái 5px và trên cùng 10% của khung nội dung:

document.getElementById("myImg").style.objectPosition = "0 10%";

Thử ngay

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ị thuộc tính

Giá trị Mô tả
position

Định nghĩa vị trí của hình ảnh hoặc video trong khung nội dung của nó.

Giá trị đầu tiên kiểm soát trục x, giá trị thứ hai kiểm soát trục y.

Có thể là chuỗi (left, center hoặc right) hoặc số (bằng px hoặc %).

Cho phép giá trị âm.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ yếu tố cha. Xem thêm 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 yếu tố trong khung nội dung của nó.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
31.0 16.0 36.0 10.1 19.0