HTMLImageElement: align-Eigenschaft

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, kann sie bereits aus den relevanten Webstandards entfernt worden sein, befindet sich im Prozess der Entfernung oder wird nur aus Kompatibilitätsgründen beibehalten. Vermeiden Sie die Verwendung und aktualisieren Sie gegebenenfalls bestehenden Code; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu treffen. Beachten Sie, dass diese Funktion jederzeit nicht mehr funktionieren kann.

Die veraltete align-Eigenschaft des HTMLImageElement-Interfaces ist ein String, der angibt, wie das Bild relativ zu seinem Container positioniert werden soll.

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

Die align-Eigenschaft spiegelt das HTML-Attribut align wider.

Wert

Ein String, der eine der folgenden Zeichenfolgen angibt, welche den Ausrichtungsmodus für das Bild festlegen.

Basislinienausrichtung

Diese drei Werte geben die Ausrichtung des Elements relativ zur Textbasislinie an. Diese sollten durch die Verwendung der CSS-Eigenschaft vertical-align ersetzt werden.

bottom

Die untere Kante des Bildes soll vertikal mit der aktuellen Textbasislinie ausgerichtet werden. Standardwert.

middle

Die Mitte des Objekts soll vertikal mit der aktuellen Basislinie ausgerichtet werden.

top

Die obere Kante des Objekts soll vertikal mit der aktuellen Basislinie ausgerichtet werden.

Es ist erwähnenswert, dass vertical-align mehrere zusätzliche Optionen für seinen Wert bietet; Sie sollten diese in Betracht ziehen, wenn Sie Ihren Code ändern, um sie zu verwenden.

Bilder horizontal flottierend

Die Eigenschaften left und right beeinflussen nicht die basislinienbezogene Ausrichtung. Stattdessen bewirken sie, dass das Bild zum linken oder rechten Rand "schwebt", sodass der nachfolgende Text um das Bild herumfließen kann. Stattdessen sollten Sie die CSS-Eigenschaft float verwenden, wobei der Wert entweder left oder right angegeben wird.

left

Lässt das Bild "schweben", um die linke Kante bündig am aktuellen Rand zu platzieren. Jeglicher folgende Text wird entlang der rechten Kante des Bildes fließen.

Lässt das Bild "schweben", um seine rechte Kante bündig am rechten Rand zu platzieren. Nachfolgender Text wird entlang der linken Kante des Bildes fließen.

Spezifikationen

Specification
HTML Standard
# dom-img-align

Browser-Kompatibilität

BCD tables only load in the browser