HTMLImageElement: border プロパティ

非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

廃止された HTMLImageElementborder プロパティは、 画像を囲む境界線の太さをピクセル数で指定します。既定値である 0 は、境界線を描画しないことを示します。

このプロパティは使用しないでください。代わりに、 CSS を使用して境界線をスタイル付けしてください。 border プロパティまたはその個別指定プロパティを使用すると、境界線の太さを設定するだけでなく、他の様々なスタイリングオプションを適用できる可能性があります。

具体的には、書字方向を意識した border-block-start-width, border-block-end-width, border-inline-start-width, border-inline-end-width 属性を用いて制御されます。

互換性(あるいはその他の理由)のために、代わりに(あるいは追加で)古いプロパティを使用することができます。 border-top-width, border-right-width, border-bottom-width, border-left-width です。

画像を囲む境界線の太さを CSS ピクセル単位で指定した整数値が入った文字列です。0 または空文字列は、境界線を描画しないことを意味します。border の既定の値は 0 です。

使用上の注意

border は使わないでください。これは時代遅れです。代わりに、CSS の border プロパティとその個別指定プロパティを使用して、画像の周りに境界線をを設定してください。

例えば、以下のような HTML があった場合です。

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

以下は、この廃止されたプロパティの代わりに、CSS を使用して同じ外観を提供するものです。

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

さらに追加情報を入力することで、境界線の色などを変更することができます。

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

仕様書

Specification
HTML
# dom-img-border

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
border
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.