HTMLImageElement: свойство y
Базовая линия Широко доступно
Это функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Только для чтения HTMLImageElement свойство y указывает координату y верхнего края границы элемента <img> относительно начала координат корневого элемента.
Свойства x и y допустимы для изображения только в том случае, если его свойство display имеет вычисленное значение table-column или table-column-group. Другими словами: это значение установлено явно, унаследовано от родительского элемента или задано расположением внутри колонки, описанной либо элементом <col>, либо элементом <colgroup>.
Значение
Целочисленное значение, указывающее расстояние в пикселях от верхнего края ближайшего корневого элемента к верхнему краю области рамки элемента <img>. Ближайший корневой элемент — это самый внешний элемент <html>, содержащий изображение. Если изображение находится во фрейме <iframe>, его значение относительно этого фрейма.
На диаграмме ниже верхний край границы — это верхний край синей области отступа. Таким образом, значение, возвращаемое y , будет расстоянием от этой точки до верхнего края области содержимого.
Примечание: Свойство y допустимо только в том случае, если вычисленное значение свойства display изображения равно table-column или table-column-group; другими словами, одно из этих значений установлено непосредственно для элемента <img>, либо унаследовано от родительского элемента, либо задано расположением внутри колонки, описанной элементом <col> или <colgroup>.
Пример
См. HTMLImageElement.x для примера кода, демонстрирующего использование свойства HTMLImageElement.y (и HTMLImageElement.x).
Спецификации
| Спецификация |
|---|
| Модуль CSSOM View # dom-htmlimageelement-y |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
y |
1 | 12 | 141–7 | ≤12.1 | 3 | 18 | 144–7 | ≤12.1 | 1 | 1.0 | 4.4 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/y
