4.2 Line Patterns: the ‘border-style’ properties

Chapter 4 - Borders - 4.2 Line Patterns: the ‘border-style’ properties

Go to the relevant page of the specification.

border-radius-style-002
'Border-radius' is set with 'border-style: dashed'
'Border-style: dashed' follows the curve of the border.
border-radius-style-003
'Border-radius' is set with 'border-style: double'
'Border-style: double' follows the curve of the border.
border-radius-style-004
'Border-radius' is set with 'border-style: solid'
'Border-style: solid' follows the curve of the border.
border-radius-style-005
'Border-radius' is set with 'border-style: none'
'Border-style: none' follows the curve of the border.
ttwf-css3background-border-style (image)
border_style
'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-double (image)
border_style_double
'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. 'double': Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal 'border-width'.)
ttwf-css3background-border-style-shorthand (image)
border_style_shorthand
'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-shorthand-missing-bottom (image)
border_style
'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-shorthand-missing-left (image)
border_style
'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-values
border_style_values
'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset