HTMLImageElement: align-Eigenschaft
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
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.
right-
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