| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/de/docs/Web/API/HTMLInputElement/width | [Back] [Original] |
Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen bersetzt, und kann Fehler enthalten. Erfahre mehr ber dieses Experiment.
Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.
Die width-Eigenschaft des HTMLInputElement-Interfaces gibt die Breite eines Steuerelements an. Sie spiegelt das width-Attribut des <input> Elements wider.
Die width-Eigenschaft ist nur fr den image Typ gltig. Sie definiert die bevorzugte horizontale Gre des Bild-Buttons in Pixeln. Der Wert der Eigenschaft ist die Breite der content-box des gerenderten Buttons. CSS Box-Modell-Eigenschaften, die die Gre des Steuerungselements beeinflussen, haben Vorrang.
Wenn keine width-Eigenschaft festgelegt ist und keine CSS-Breiten-Eigenschaften auf das Steuerelement wirken, wird die width die intrinsische Breite des Bildes sein. Wenn das Bild nicht geladen wurde, wird der Wert die maximale intrinsische Breite des alt-Textes sein. Die width wird 0 sein, wenn die Breite nicht bekannt ist; wenn keine width festgelegt ist, keine CSS-Dimensionen gelten, kein Bild geladen ist, und entweder der Wert des alt eine leere Zeichenkette ist oder kein src festgelegt wurde.
Eine Zahl.
const inputElement = document.getElementById("imageButton");
console.log(inputElement.width);
| Spezifikation |
|---|
| HTML # dom-input-width |
HTMLInputElement.heightHTMLInputElement.srcHTMLInputElement.altHTMLButtonElement<button><input><img>inline-size Eigenschaftwidth Eigenschaftaspect-ratio EigenschaftHTMLInputElementacceptalphaaltautocompletecapturecheckedcolorSpacedefaultCheckeddefaultValuedirNamedisabledfilesformformActionformEnctypeformMethodformNoValidateformTargetheightindeterminatelabelslistmaxmaxLengthminminLengthmultiplenamepatternplaceholderpopoverTargetActionpopoverTargetElementreadOnlyrequiredselectionDirectionselectionEndselectionStartsizesrcsteptypevalidationMessagevalidityvaluevalueAsDatevalueAsNumberwebkitdirectorywebkitEntrieswidthwillValidateBeforeUnloadEventDOMStringMapErrorEventHTMLAnchorElementHTMLAreaElementHTMLAudioElementHTMLBRElementHTMLBaseElementHTMLBodyElementHTMLButtonElementHTMLCanvasElementHTMLDListElementHTMLDataElementHTMLDataListElementHTMLDialogElementHTMLDivElementHTMLDocumentHTMLElementHTMLEmbedElementHTMLFieldSetElementHTMLFormControlsCollectionHTMLFormElementHTMLFrameSetElementHTMLGeolocationElementHTMLHRElementHTMLHeadElementHTMLHeadingElementHTMLHtmlElementHTMLIFrameElementHTMLImageElementHTMLLIElementHTMLLabelElementHTMLLegendElementHTMLLinkElementHTMLMapElementHTMLMediaElementHTMLMenuElementHTMLMetaElementHTMLMeterElementHTMLModElementHTMLOListElementHTMLObjectElementHTMLOptGroupElementHTMLOptionElementHTMLOptionsCollectionHTMLOutputElementHTMLParagraphElementHTMLPictureElementHTMLPreElementHTMLProgressElementHTMLQuoteElementHTMLScriptElementHTMLSelectElementHTMLSourceElementHTMLSpanElementHTMLStyleElementHTMLTableCaptionElementHTMLTableCellElementHTMLTableColElementHTMLTableElementHTMLTableRowElementHTMLTableSectionElementHTMLTemplateElementHTMLTextAreaElementHTMLTimeElementHTMLTitleElementHTMLTrackElementHTMLUListElementHTMLUnknownElementHTMLVideoElementHashChangeEventHistoryImageDataLocationMessageChannelMessageEventMessagePortNavigatorPageRevealEventPageSwapEventPageTransitionEventPluginPluginArrayPromiseRejectionEventRadioNodeListTimeRangesUserActivationValidityStateWindowWorkletGlobalScopeDer Bauplan fr ein besseres Internet.
Teile dieses Inhalts sind 19982026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfgbar unter einer Creative-Commons-Lizenz.
| Web Proxy Viewer | New URL | Original Page |