HTMLImageElement: y 属性

只读 HTMLImageElement 属性 y 指示 <img> 元素顶部边框相对于根元素原点的 y 坐标。

x 和 y 属性仅在图像的 display 属性的计算值为 table-column 或 table-column-group 时有效。换句话说，它们要么显式地设置在图像上，要么从包含元素继承，要么通过位于由 <col> 或 <colgroup> 描述的列中继承。

值

一个整数，表示从元素最近的根元素的顶部边框到 <img> 元素边框框的顶部边框的像素距离。最近的根元素是最外层的 <html> 元素，它包含该图像。如果图像位于 <iframe> 中，则其 y 相对于该框架。

在下图中，顶部边框是蓝色填充区域的顶部边框。因此，y 返回的值将是从该点到内容区域顶部边框的距离。

Diagram showing the relationships between the various boxes associated with an element

注意：y 属性仅在图像的 display 属性的计算值为 table-column 或 table-column-group 时有效；换句话说，它们要么直接设置在 <img> 上，要么从包含元素继承，要么通过位于由 <col> 或 <colgroup> 描述的列中继承。

示例

请参阅 HTMLImageElement.x，该代码示例演示了 HTMLImageElement.y（和 HTMLImageElement.x）的使用方法。

规范

规范
CSSOM 视图模块
# dom-htmlimageelement-y

浏览器兼容性

BCD 表格仅在浏览器中加载