HTML DOM Style minHeight Property Last Updated : 25 Aug, 2023 Comments Improve Suggest changes Like Article Like Report The minHeight property in HTML DOM is used to set or return the minimum height of an element. This property affects only on block-level elements, absolute or fixed position elements. Syntax: It returns the minHeight property.object.style.minHeightIt is used to set the minHeight Property.object.style.minHeight = "length | % | initial | inherit"Property Value: ValueDescriptionlengthDefine length in length unit.%Define length in percentage compare to parent elementinitialSet initial value that is default.inheritInherit property from parent element.Return value: It returns the minimum height of an element. Example 1: html <!DOCTYPE html> <html> <head> <title> HTML DOM Style minHeight Property </title> <style> #GFG { color: white; width: 50%; background: green; margin: auto; } </style> </head> <body style="text-align: center;"> <h1 id="GFG"> GeeksforGeeks </h1> <h2>HTML DOM Style minHeight Property</h2> <br> <button type="button" onclick="myFunc()"> Click to Change minHeight </button> <script> function myFunc() { document.getElementById("GFG") .style.minHeight = "150px"; } </script> </body> </html> Output: Example 2: html <!DOCTYPE html> <html> <head> <title> HTML DOM Style minHeight Property </title> <style> #GFG { color: white; width: 50%; background: green; margin: auto; } #Geek_Center { height: 200px; } </style> </head> <body style="text-align: center;" id="Geek_Center"> <h1 id="GFG"> GeeksforGeeks </h1> <h2>HTML DOM Style minHeight Property </h2> <br> <button type="button" onclick="myGeeks()"> Click to Change minHeight </button> <script> function myGeeks() { document.getElementById("GFG") .style.minHeight = "50%"; } </script> </body> </html> Output: Supported Browsers: The browser supported by DOM Style minHeight property are listed below: Google Chrome 1Edge 12Internet Explorer 7Mozilla Firefox 3Opera 4Safari 1.3 Comment More infoAdvertise with us P PranchalKatiyar Follow Improve Article Tags : Web Technologies HTML HTML-DOM Similar Reads HTML DOM Option Object The HTML DOM Option object represents an individual <option> element within a <select>, <datalist>, or <optgroup>. It allows JavaScript to access and manipulate the properties of options, such as setting the text, value, or whether an option is selected.Properties:disabled: T 2 min read HTML | DOM Style listStylePosition Property The DOM Style listStylePosition property sets or returns the position of the list-item marker. Syntax : For set the listStylePosition property:object.style.listStylePosition = valueFor return the listStylePosition property:object.style.listStylePosition Return Value: This return a String that repres 2 min read HTML | DOM Style fontFamily Property The fontFamily property set/return a list of Font-Family names and generic-family names for text in an element. The web browser will implement the first value it recognizes. Syntax: It returns the fontFamily property.object.style.fontFamilyIt sets the fontFamily Property.object.style.fontFamily = "f 2 min read HTML | DOM Style flexShrink Property The Style flexShrink property in HTML DOM is used to set how the specific item can be shrink in relation to the remaining flexible items within the container. Syntax: It is used to return the flexShrink property.object.style.flexShrinkIt is used to set the flexShrink property.object.style.flexShrink 2 min read HTML DOM createDocumentFragment() Method The createDocumentFragment() method in HTML DOM is used to create the document fragment which is useful for changing the content of the document such as deleting, modifying, or adding a new node. This method creates the document fragment, then appends the elements of the document to the document fra 2 min read HTML | DOM Location origin Property The DOM Location origin Property in HTML is used to return the protocol, hostname and port number of a URL. This is a read-only property. Syntax: location.origin Return Value: This method returns a String value representing the protocol, the domain name (or IP address) and port number. The URL's hav 1 min read HTML | DOM Style fontSize Property The fontSize property is used to set or get the font size of characters in a word should appear. Syntax: It returns the fontSize property.object.style.fontSizeIt sets the fontSize Property.object.style.fontSize = "value|initial|inherit" Property Values: ValueDescriptionxx-small x-small small medium 2 min read HTML | DOM Style marginLeft Property The DOM Style marginLeft property is used to set or get the left margin of an element. The margin is used to insert space around the border, unlike padding that is used to insert space within the border of an element. Syntax: To Set the marginLeft:object.style.marginLeft='%|length|auto|initial|inher 2 min read HTML DOM MouseEvent The MouseEvent Object handles events that occur when the mouse interacts with the HTML document. There are lots of events that interacts with the HTML document. Mouse Events: Mouse events are the action taken by the user on the web page, like clicking, hovering over, etc. Mouse Events Description on 3 min read HTML DOM Style fontWeight Property The fontWeight style property in HTML DOM is used to set or return the thickness of characters in a word that should appear. Syntax: It returns the fontWeight property.object.style.fontWeightIt sets the fontWeight Property.object.style.fontWeight = "normal | lighter | bold | bolder | value | initial 2 min read Like