Contact Us | +1 888 239-0733 (Toll free US/CA) Mon-Fri: 7:30am to 4:30pm (PST)
The CSS 'border-bottom' property is a shorthand for setting the width, style, and color of an element's bottom border at once. This property streamlines the process of defining how an element's bottom border should appear, combining three aspects of border styling into a single declaration.
See the Pen
CSS 'border-bottom' Property by Webzstore (@webzstore)
on CodePen. The 'border-bottom' property offers a concise way to customize the appearance of an element's bottom border, enhancing the design flexibility and visual appeal of web pages. Use 'border-bottom' to apply specific styling to the bottom border of an element. This is particularly useful for visually distinguishing an element within a layout, such as underlining a heading for emphasis or denoting a boundary within a component. The shorthand property simplifies the code and enhances readability by consolidating border width, style, and color settings.CSS 'border-bottom' Property Examples
Browser Support For 'border-bottom' Property
1.0 1.0 1.0 4.0 3.5 CSS Syntax of the 'border-bottom' Property
border-bottom: width style color | initial | inherit;
Usage of the 'border-bottom' Property
Property Values of the 'border-bottom' Property
"*" indicates required fields