Set border width and style in one value in HTML and CSS

Description

The following code shows how to set border width and style in one value.

Example


<html>
<head>
<style type='text/css'>
p {<!-- ww  w .ja  va  2s .co  m-->
margin: 20px;
padding: 20px;
width: 200px;
border-width: thick;
border-style: dotted;
}
</style>
</head>
<body>
<p>
Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.
- Albert Einstein
</p>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set border width and style in one value in HTML and CSS

Home »
  HTML CSS Tutorial »
    Layout »
      Border

...
Set border color to red in HTML and CSS
Set border-left-style to inset in HTML and ...
Set border-left to 1px solid crimson; in HT...
Set border-right-style to dashed in HTML an...
Set border style in four directions differe...
Set border-style in four directions - solid...
Set border-style in three directions - soli...
Set border-style to dashed in HTML and CSS
Set border-style to dotted in HTML and CSS
Set border-style to groove in HTML and CSS
Set border style to hidden in HTML and CSS
Set border-style to inset in HTML and CSS
Set border-style to none in HTML and CSS
Set border-style to outset in HTML and CSS
Set border-style to ridge in HTML and CSS
Set border-style to solid in HTML and CSS
Set border style with shorthand three value...
Set border style with shorthand two values ...
Set border - thin solid rgb(0, 0, 0) in HTM...
Set border to use em measurement - 1em soli...
Set border top color to black in HTML and C...
Set border-top-style to solid in HTML and C...
Set border-top to 4px groove blue in HTML a...
Set border-top to 6px ridge green in HTML a...
Set border top width to 10px in HTML and CS...
Set border width and style in four values i...

Set border width and style in one value in ...

Set border width shorthand with three value...
Set border-width - thin medium 30px thick; ...
Set border-width - thin medium thick; in HT...
Set border width - thin solid black in HTML...
Set border width to medium in HTML and CSS
Set border-width to thick in HTML and CSS
Set border-width to thin in HTML and CSS
Set border with four shorthand properties i...
Set top border to 1 pixel width, solid and ...
Set top border to solid and use default med...
Set top border to solid black and use defau...
...