css 3

Icon

A comprehensive CSS 3 reference guide, tutorial, and blog
Are you a CSS expert? Want to contribute? Contact us

CSS BORDER-WIDTH

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.

 

Leave a Reply

Pages

Sponsors


CSS3.com



Please help CSS3.com stay alive and running

Bad Behavior has blocked 2277 access attempts in the last 7 days.