The border-bottom-style property in CSS is used to set the style of the bottom border of an element. Hence, it is not visible. It is similar to none value except in case of border conflict resolution of table elements. In this case, the border width is equal to the sum of widths of the two-line segments and the space between them. It makes the bottom border with a line segment, which appears to be coming out. Supported Browsers: The browser supported by border-bottom-style property are listed below:.
The border-bottom shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width , border-bottom-style and border-bottom-color. The source for this interactive example is stored in a GitHub repository. As with all shorthand properties, border-bottom always sets the values of all of the properties that it can set, even if they are not specified.
The border-bottom-style CSS property sets the line style of an element's bottom border. The source for this interactive example is stored in a GitHub repository. The border-bottom-style property is specified as a single keyword chosen from those available for the border-style property. Get the latest and greatest from MDN delivered straight to your inbox. Note: The specification doesn't define how borders of different styles connect in the corners.
To set all four borders, use the shorthand property, border-style. Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style. This site is now available on github. DOCS css properties border-bottom-style.