HTMLInputElement : propriété width
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété width de l'interface HTMLInputElement définit la largeur d'un contrôle. Elle reflète l'attribut width de l'élément HTML <input>.
La propriété width est valide uniquement pour le type image. Elle définit la taille horizontale préférée du bouton image, en pixels. La valeur de la propriété correspond à la largeur du contenu de la boîte du bouton rendu. Les propriétés du modèle de boîte CSS impactant la taille du contrôle ont la priorité.
Si aucune width n'est définie et qu'aucune propriété CSS de largeur n'impacte le contrôle, la width sera la largeur intrinsèque de l'image. Si l'image n'a pas été chargée, la valeur sera la largeur intrinsèque maximale du texte alt. La width sera 0 si la largeur n'est pas connue ; si aucune width n'est définie, aucune dimension CSS ne s'applique, aucune image n'est chargée, et soit la valeur de la alt est une chaîne vide, soit aucun src n'est défini.
Valeur
Un nombre.
Exemples
const inputElement = document.getElementById("imageButton");
console.log(inputElement.width);
Spécifications
| Spécification |
|---|
| HTML # dom-input-width |
Compatibilité des navigateurs
Voir aussi
- La propriété
HTMLInputElement.height - La propriété
HTMLInputElement.src - La propriété
HTMLInputElement.alt - L'interface
HTMLButtonElement - L'élément HTML
<button> - L'élément HTML
<input> - L'élément HTML
<img> - La propriété CSS
inline-size - La propriété CSS
width - La propriété CSS
aspect-ratio - Le module de dimensionnement de boîte CSS