CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS border-bottom-style Property
Example
Set the style of the bottom border:
p
{
border-style:solid;
border-bottom-style:dotted;
}
{
border-style:solid;
border-bottom-style:dotted;
}
Try it yourself »
Definition and Usage
The border-bottom-style property sets the style of an element's bottom border.
| Default value: | not specified |
|---|---|
| Inherited: | no |
| Version: | CSS1 |
| JavaScript syntax: | object.style.borderBottomStyle="dotted" |
Browser Support
The border-bottom-style property is supported in all major browsers.
Note: No versions of Internet Explorer (including IE8) support the property values "inherit" or "hidden".
Property Values
| Value | Description | Play it |
|---|---|---|
| none | Specifies no border | Play it » |
| hidden | The same as "none", except in border conflict resolution for table elements | Play it » |
| dotted | Specifies a dotted border | Play it » |
| dashed | Specifies a dashed border | Play it » |
| solid | Specifies a solid border | Play it » |
| double | Specifies a double border | Play it » |
| groove | Specifies a 3D grooved border. The effect depends on the border-color value | Play it » |
| ridge | Specifies a 3D ridged border. The effect depends on the border-color value | Play it » |
| inset | Specifies a 3D inset border. The effect depends on the border-color value | Play it » |
| outset | Specifies a 3D outset border. The effect depends on the border-color value | Play it » |
| inherit | Specifies that the border style should be inherited from the parent element |
Related Pages
CSS tutorial: CSS Border
CSS reference: border-bottom property
HTML DOM reference: borderBottomStyle property
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
