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 trotz ihres Namens auch bei Bildern funktioniert. Sie können auch die float-Eigenschaft nutzen, um das Bild am linken oder rechten Rand zu platzieren.
Die align-Eigenschaft spiegelt das HTML-align Inhaltsattribut wider.
Wert
Ein String, der einen der folgenden Strings angibt, die den Ausrichtungsmodus für das Bild festlegen.
Baseline-Ausrichtung
Diese drei Werte geben die Ausrichtung des Elements relativ zur Text-Basislinie an. Diese sollten durch die CSS-Eigenschaft vertical-align ersetzt werden.
bottom-
Die untere Kante des Bildes soll vertikal mit der aktuellen Text-Basislinie ausgerichtet werden. Standardwert.
middle-
Die Mitte des Objekts sollte vertikal mit der aktuellen Basislinie ausgerichtet werden.
top-
Die obere Kante des Objekts sollte vertikal mit der aktuellen Basislinie ausgerichtet werden.
Es könnte erwähnenswert sein, dass vertical-align mehrere zusätzliche Optionen für seinen Wert bietet; Sie sollten diese in Betracht ziehen, wenn Sie Ihren Code ändern, um es zu verwenden.
Bilder horizontal floaten
Die Eigenschaften left und right beeinflussen nicht die ausrichtungsbezogene Basislinie. Stattdessen bewirken sie, dass das Bild zum linken oder rechten Rand "floatet", wodurch der nachfolgende Text um das Bild herumfließen kann. Stattdessen sollten Sie die CSS-Eigenschaft float verwenden, indem Sie als Wert entweder left oder right angeben.
left-
Lässt das Bild an den linken Rand rücken und bündig gegen die aktuelle Einrückung ausrichten. Jeder darauf folgende Text wird entlang der rechten Kante des Bildes fließen.
right-
Lässt das Bild zur Positionierung an den rechten Rand rücken. Nachfolgender Text wird entlang der linken Kante des Bildes fließen.
Spezifikationen
| Specification |
|---|
| HTML # dom-img-align |