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.
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