Quick Tip: Using CSS3’s Border-Width Property

Published June 28, 2016 by saurav.roy.

Most people probably use the shorthand when defining CSS’s border property, which is written as follows:

border: [border-width] [border-style] [border-color]; 

But what some developers may not know is that the border-width property, the first property defined in the CSS shorthand for the border property, takes values other than those defined by px or em. The property also takes keyword values: thin, medium, or thick.

Here’s an example of how to include the keyword values in your code and what it might look like:

border: medium solid #333;

Screen Shot 2016-06-28 at 9.14.01 AM

Share and Enjoy !

0 0