HTMLImageElement: border-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 HTMLImageElement-Eigenschaft border gibt an, wie viele Pixel dick der Rahmen um das Bild sein soll. Ein Wert von 0, der Standardwert, bedeutet, dass kein Rahmen gezeichnet werden soll.

Sie sollten diese Eigenschaft nicht verwenden! Stattdessen sollten Sie CSS verwenden, um den Rahmen zu gestalten. Die border-Eigenschaft oder deren Langformeigenschaften ermöglichen es nicht nur, die Dicke des Rahmens festzulegen, sondern auch eine Vielzahl anderer Stiloptionen anzuwenden.

Die Breite wird insbesondere durch die schreibmodussensitiven Eigenschaften border-block-start-width, border-block-end-width, border-inline-start-width und border-inline-end-width kontrolliert.

Aus Gründen der Kompatibilität (oder vielleicht anderen) können Sie die älteren Eigenschaften stattdessen (oder zusätzlich) verwenden: border-top-width, border-right-width, border-bottom-width und border-left-width.

Wert

Ein String, der einen ganzzahligen Wert enthält, der die Dicke des Rahmens angibt, der das Bild umgeben soll, in CSS-Pixeln. Ein Wert von 0 oder ein leerer String bedeutet, dass kein Rahmen gezeichnet werden soll. Der Standardwert von border ist 0.

Wenn auf den Wert null gesetzt wird, wird dieser null-Wert in den leeren String ("") umgewandelt, sodass elt.border = null gleichbedeutend ist mit elt.border = "".

Verwendungshinweise

Verwenden Sie border nicht. Es ist veraltet. Verwenden Sie stattdessen die CSS-border-Eigenschaft und deren Langformeigenschaften, um Rahmen um Bilder zu erstellen.

Wenn Sie beispielsweise folgendes HTML haben:

html
<img src="image.png" border="2" />

Wird das folgende CSS dieselbe Darstellung bieten, ohne die veraltete Eigenschaft zu verwenden:

html
<img src="image.png" style="border: 2px;" />

Sie können auch zusätzliche Informationen bereitstellen, um die Farbe und andere Merkmale des Rahmens zu ändern:

html
<img src="image.png" style="border: dashed 2px #333388;" />

Spezifikationen

Specification
HTML Standard
# dom-img-border

Browser-Kompatibilität

BCD tables only load in the browser