HTMLImageElement: y property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Thuộc tính y chỉ đọc của giao diện HTMLImageElement biểu thị tọa độ y của cạnh viền trên cùng của phần tử <img> so với gốc của phần tử gốc.

Thuộc tính xy chỉ hợp lệ cho một hình ảnh nếu thuộc tính display của nó có giá trị được tính toán table-column hoặc table-column-group. Nói cách khác: nó có một trong những giá trị đó được đặt rõ ràng trên đó hoặc nó đã kế thừa nó từ một phần tử chứa hoặc bằng cách nằm trong một cột được mô tả bởi <col> hoặc <colgroup>.

Giá trị

Một giá trị số nguyên biểu thị khoảng cách tính bằng pixel từ cạnh trên của phần tử gốc gần nhất của phần tử đến cạnh trên của hộp viền của phần tử <img>. Phần tử gốc gần nhất là phần tử <html> ngoài cùng có chứa hình ảnh. Nếu hình ảnh nằm trong <iframe> thì y của nó sẽ tương ứng với khung hình đó.

Trong sơ đồ bên dưới, cạnh viền trên là cạnh trên của vùng đệm màu xanh. Vì vậy giá trị được trả về bởi y sẽ là khoảng cách từ điểm đó đến cạnh trên của vùng nội dung.

Sơ đồ thể hiện mối quan hệ giữa các hộp khác nhau được liên kết với một phần tử

Ví dụ

Xem HTMLImageElement.x để biết mã ví dụ minh họa việc sử dụng HTMLImageElement.y (và HTMLImageElement.x).

Thông số kỹ thuật

Specification
CSSOM View Module
# dom-htmlimageelement-y

Khả năng tương thích của trình duyệt

Xem thêm