Borders and Outlines
Border properties allow the author to control a box’s border—the area between its padding and its margins. You can also read The CSS Box Model for more information about borders.
Outline properties allow the author to control a box’s outline. The outline is usually drawn outside the border area but doesn’t take up any space like borders do.
In this Section
- border-top-color
sets the color for the top border of an element - border-top-style
sets the style for the top border of an element - border-top-width
sets the width for the top border of an element - border-top
sets the width, color, and style for the top border of an element - border-right-color
sets the color for the right-hand border of an element - border-right-style
sets the style for the right-hand border of an element - border-right-width
sets the width for the right-hand border of an element - border-right
sets the width, color, and style of the right-hand border of an element - border-bottom-color
sets the color for the bottom border of an element - border-bottom-style
sets the style for the bottom border of an element - border-bottom-width
sets the width for the bottom border of an element - border-bottom
sets the width, color, and style on the bottom border of an element - border-left-color
sets the color for the left-hand border of an element - border-left-style
sets the style for the left-hand border of an element - border-left-width
sets the width for the left-hand border of an element - border-left
sets the width, color, and style to the left-hand border of an element - border-color
sets the border color for all four borders of an element - border-style
sets the style for all four borders of an element - border-width
sets the width for all four borders of an element - border
sets the width, color, and style for all four borders on an element - outline-color
sets the color of an outline - outline-style
sets the style of an outline - outline-width
sets the width of an outline - outline
shorthand property that sets an outline on an element
User-contributed notes
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.