HTMLImageElement : propriété border
Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.
La propriété border (obsolète) de HTMLImageElement définit le nombre de pixels d'épaisseur de la bordure entourant l'image. Une valeur de 0, qui est la valeur par défaut, indique qu'aucune bordure ne doit être dessinée.
Vous ne devez pas utiliser cette propriété ! Utilisez plutôt CSS pour styliser la bordure. La propriété border ou ses propriétés détaillées permettent non seulement de définir l'épaisseur de la bordure, mais aussi d'appliquer de nombreuses autres options de présentation.
L'épaisseur, en particulier, se contrôle avec les propriétés sensibles à l'orientation d'écriture : border-block-start-width, border-block-end-width, border-inline-start-width, border-inline-end-width.
Pour des raisons de compatibilité (ou autres), vous pouvez utiliser les anciennes propriétés à la place (ou en complément) : border-top-width, border-right-width, border-bottom-width, border-left-width.
Valeur
Une chaîne de caractères contenant une valeur entière qui définit l'épaisseur de la bordure entourant l'image, en pixels CSS. Une valeur de 0 ou une chaîne vide indique qu'aucune bordure ne doit être dessinée. La valeur par défaut de border est 0.
Si on assigne la valeur null, celle-ci est convertie en chaîne vide (""), donc elt.border = null est équivalent à elt.border = "".
Notes d'utilisation
N'utilisez pas border. Cette propriété est obsolète. Utilisez plutôt la propriété CSS border et ses propriétés détaillées pour définir les bordures autour des images.
Par exemple, si vous avez le HTML suivant :
<img src="image.png" border="2" />
Le code suivant produira le même rendu en utilisant CSS à la place de cette propriété obsolète :
<img src="image.png" style="border: 2px;" />
Vous pouvez également préciser la couleur et d'autres caractéristiques de la bordure :
<img src="image.png" style="border: dashed 2px #333388;" />
Spécifications
| Specification |
|---|
| HTML # dom-img-border |
Compatibilité des navigateurs
Chargement…