1. Web
  2. Les API Web
  3. HTMLImageElement
  4. y

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLImageElement : propriété y

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriété en lecture seule y de l'interface HTMLImageElement indique la coordonnée y du bord supérieur de l'élément HTML <img> par rapport à l'origine de l'élément racine.

Les propriétés x et y ne sont valides pour une image que si sa propriété display a pour valeur calculée table-column ou table-column-group. Cela signifie que l'une de ces valeurs est définie explicitement, héritée d'un élément parent, ou appliquée parce que l'image se trouve dans une colonne définie par <col> ou <colgroup>.

Valeur

Un entier indiquant la distance en pixels entre le bord supérieur de l'élément racine le plus proche et le bord supérieur de la boîte de bordure de l'élément HTML <img>. L'élément racine le plus proche est l'élément <html> le plus à l'extérieur qui contient l'image. Si l'image est dans un élément HTML <iframe>, sa valeur y est relative à ce cadre.

Dans le schéma ci-dessous, le bord supérieur correspond au bord supérieur de la zone de remplissage bleue. La valeur retournée par y est donc la distance entre ce point et le bord supérieur de la zone de contenu.

[画像:Schéma montrant les relations entre les différentes boîtes associées à un élément]

Exemple

Voir HTMLImageElement.x pour un exemple de code qui montre l'utilisation de HTMLImageElement.y (et HTMLImageElement.x).

Spécifications

Spécification
CSSOM View Module
# dom-htmlimageelement-y

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN

Apprendre à contribuer

Cette page a été modifiée le par les contributeur·ice·s du MDN.

AltStyle によって変換されたページ (->オリジナル) /