HTMLImageElement: border-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 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:
<img src="image.png" border="2" />
Wird das folgende CSS dieselbe Darstellung bieten, ohne die veraltete Eigenschaft zu verwenden:
<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:
<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