Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLImageElement: align-Eigenschaft

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

Die veraltete align-Eigenschaft der HTMLImageElement-Schnittstelle ist ein String, der angibt, wie das Bild relativ zu seinem Container positioniert werden soll. Sie spiegelt das align-Inhaltsattribut des <img>-Elements wider.

Stattdessen sollten Sie die CSS-Eigenschaft vertical-align verwenden, die tatsächlich auch bei Bildern funktioniert, obwohl der Name etwas anderes suggeriert. Sie können auch die float-Eigenschaft verwenden, um das Bild an den linken oder rechten Rand zu verschieben.

Wert

Ein String mit einem Wert von top, middle, bottom, left oder right. Für deren Bedeutung siehe die HTML-<img>-Referenz.

Beispiele

Einstellen des align-Attributs

js
const img = new Image();
img.src = "example.png";
img.align = "top";

Anstatt die veraltete align-Eigenschaft zu verwenden, sollten Sie stattdessen die CSS-Eigenschaft vertical-align einstellen:

js
const img = new Image();
img.src = "example.png";
img.style.verticalAlign = "top";

Spezifikationen

Spezifikation
HTML
# dom-img-align

Browser-Kompatibilität