CSS3 Examples

CSS BORDER-WIDTH

Written by jon on 11:51 PM This is a shorthand property which allows an author to specify ‘border-top-width’, ‘border-right-width’, ‘border-bottom-width’, and ‘border-left-width’ properties using a single property and value notation (the values are given in this order separated by spaces.) If one or more of the values are not present, the value for a missing side is taken from the opposite side that is present. If only one value is listed, it applies to all sides.

Example

strong { border-width: thick thin } <strong style=”border-width: thick thin thick thin”>this is a test</strong>

Possible Values

Value Description inherit Explicitly sets the value of this property to that of the parent. thin medium thick Renders a “thin”, “medium” or “thick” border for a side of the element's rendering box. The actual thickness of these border values is not specified, but “thin” should have a smaller thickness than “medium”, which should have a smaller thickness than “thick”. [length] Sets the width of the border for a side of the element's rendering box to an explicit measurement.