このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
HTMLInputElement: width プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
width はHTMLInputElement インターフェイスのプロパティで、コントロールの高さを指定します。これは、<input> 要素のwidth 属性を反映します。
width プロパティは、image 型のみに有効です。これは、ピクセル単位で画像ボタンの水平方向の寸法を定義します。このプロパティの値は、レンダリングされたボタンのコンテンツボックスの幅です。CSS ボックスモデルプロパティがこのコントロールのサイズに影響する場合、そちらが優先されます。
width が設定されておらず、CSS がコントロールのサイズに影響しない場合、width は画像の内在サイズとなります。画像が読み込まれなかった場合、値はalt テキストの高さになります。高さが不明な場合はwidth は0 になります。width が設定されていない場合、CSS は高さに影響を与えず、画像は読み込まれず、alt の値は空文字列、またはsrc が設定されていません。
In this article
値
数値です。
例
js
const inputElement = document.getElementById("imageButton");console.log(inputElement.width);仕様書
| Specification |
|---|
| HTML> # dom-input-width> |
ブラウザーの互換性
関連情報
HTMLInputElement.heightHTMLInputElement.srcHTMLInputElement.altHTMLButtonElement<button><input><img>- CSS の
inline-sizeプロパティ - CSS の
widthプロパティ - CSS の
aspect-ratioプロパティ - CSS ボックスサイズ指定モジュール