HTML | DOM Style paddingBottom Property Last Updated : 08 Aug, 2022 Summarize Comments Improve Suggest changes Share Like Article Like Report The Style paddingBottom property is used for setting or returning the bottom padding of an element. The padding property inserts the user desired space within the border of an element. Syntax: To get the property:object.style.paddingBottomTo set the property value:object.style.paddingBottom = "%|length|initial|inherit" Return Values: It returns a String, that represents the bottom padding of an element Property Values : % : It is used to define the bottom padding in % of the width of the parent element.length : It is used to define the bottom padding in length units.initial : It is used to set this property to its default value.inherit : It is used to inherit this property from its parent element. Below program illustrates the Style paddingBottom property method: Example: Setting the bottom padding of a <div> element. HTML <!DOCTYPE html> <html> <head> <title>Style paddingBottom in HTML</title> <style> #MyElement { border: 1px solid black; background-color: green; width: 300px; height: 300px; } h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>Style paddingBottom</h2> <p>For setting the bottom padding, double click the "Apply Bottom Padding" button: </p> <br> <button ondblclick="padding()">Apply Bottom Padding</button> <div id="MyElement"> Geeksforgeeks is a portal for geeks. </div> <script> function padding() { document.getElementById("MyElement") .style.paddingBottom = "100px"; } </script> </body> </html> Output: Before Clicking the button: After clicking the button: Supported Browsers: THe browser supported by HTML | DOM Style paddingBottom Property are listed below: Google Chrome 1Edge 12Internet Explorer 4Firefox 1Opera 3.5Apple Safari 1 Comment More infoAdvertise with us Next Article HTML | DOM Style padding Property S Shubrodeep Banerjee Follow Improve Article Tags : JavaScript HTML-DOM HTML-Property Similar Reads HTML DOM insertAdjacentElement() Method The insertAdjacentElement() method inserts the specified element at the specified position. The legal values for this position are. afterbeginafterendbeforebeginbeforeend Syntax: node.insertAdjacentElement(position, element) Parameters: This method requires 2 parameters. position: A position relativ 2 min read HTML | DOM Style padding Property The Style padding property is used for setting or returning the padding of an element. The Style padding property can be used in 4 different ways : div {padding: 30px} -In this case, all the four sides have a padding of 30px.div {padding: 100px 50px} -In this case, the top and bottom padding will be 4 min read HTML | DOM Style fontVariant Property The style fontVariant Property in DOM HTML is used to set the font in capital letters. This property mainly converts lowercase to uppercase letters but the letters have a small font size compared to remaining text. Syntax: It returns the fontVariant property.object.style.fontVariantIt used to set th 2 min read HTML | DOM Location replace() Method The DOM Location replace() Method in HTML is used to replace the current document with the specified one. This method is different from the assign() method as this removes the current document from the document history, therefore it is not possible to go back to the previous document using the 'back 1 min read HTML DOM Style columnRule Property The Style columnRule property in HTML DOM sets or returns the width, style, and color of the rule between the columns. To get the columnRule Propertyobject.style.columnRule = valueTO set the columnRule propertyobject.style.columnRule = "column-rule-width column-rule-style column-rule-color | initial 4 min read HTML | DOM Style textIndent Property The DOM Style textIndent Property is used for indentation of the first line in each block of text. It also takes negative values. If the value is negative then the first line will be indented to the left. Syntax: It is used to set the textIndent property:object.style.textIndent = "length|%|initial|i 2 min read HTML DOM Style paddingLeft Property The Style paddingLeft property in HTML DOM is used to set or return the left padding of the element. Syntax: It returns the paddingLeft property. object.style.paddingLeftIt sets the paddingLeft Property. object.style.paddingLeft = "% | length | initial | inherit"Return value: It returns the string v 2 min read HTML DOM | Style paddingRight Property The Style paddingRight property is used for setting or returning the right padding of an element. The padding property inserts the user desired space within the border of an element. Syntax : To get the property:object.style.paddingRightTo set the property:object.style.paddingRight = "%|length|initi 2 min read HTML | DOM Style pageBreakBefore Property The pageBreakBefore property in HTML DOM is used to set or return the page-break-before characteristics before the specified element in HTML document. This property works in print and print preview mode. The pageBreakBefore property has no effect on absolutely positioned elements in the HTML DOM. Th 2 min read HTML | DOM Summary Object The DOM Summary Object is used to represent the HTML <summary> element . The Summary element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where “id†is the ID assigned to the “summary†tag. Example-1: html <!DOCTYPE html> <html> <head> <title> 2 min read Like