border-top-style property allows you to set the style of a top border.
You can also use
border-style to set the style for all sides of your element, or
border-top to set all border properties for the top border.
You can use the
border-color properties to set the color of the border. If you don't set a color, the default will be
currentColor (i.e. whatever the value of the
color property is).
Also, the default width of a border is
medium. You can specify the width using either the
Details on these values below.
No border. Color and width are ignored. Therefore, the border's width is
0, and the initial value of
border-image-widthwill also resolve to zero.
- A series of round dots.
- A series of square-ended dashes.
- A single line segment.
- Two parallel solid lines with some space between them. When using this value, the
border-widthvalue determines the sum of the lines and the space between them.
- Looks as if it were carved in the canvas.
- Looks as if it were coming out of the canvas.
- Looks as if the content on the inside of the border is sunken into the canvas. Treated as
ridgein the collapsing border model.
- Looks as if the content on the inside of the border is coming out of the canvas. Treated as
groovein the collapsing border model.
In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:
- Represents the value specified as the property's initial value.
- Represents the computed value of the property on the element's parent.
- This value acts as either
initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.
- Initial Value
- Applies To
- All elements.
- CSS Backgrounds and Borders Module Level 3 (W3C Candidate Recommendation 9 September 2014)
- CSS Level 2.1 (W3C Recommendation 07 June 2011)