; property around a div element.
An example of setting the border-style property around a div element. The possible border styles are:
  • none No border; the computed border width is zero.
  • hidden Same as 'none', except in terms of border conflict resolution for table elements.
  • dotted The border is a series of dots.
  • dashed The border is a series of short line segments.
  • solid The border is a single line segment.
  • double The border is two solid lines. The sum of the two lines and the space between them equals the value of 'border-width'.
  • groove The border looks as though it were carved into the canvas.
  • ridge The opposite of 'groove': the border looks as though it were coming out of the canvas.
  • inset The border makes the box look as though it were embedded in the canvas.
  • outset The opposite of 'inset': the border makes the box look as though it were coming out of the canvas.

Select the desired border style and view in the following example of a rectangle surrounding the Mark Twain quote on golf.
border-style:
border-color:
border-width:
border-radius:
border-spacing:
Golf is a good walk spoiled. -Mark Twain
border-style: hidden
It ain't over 'till it's over. -Yogi Berra
border-style: dotted
The trouble is not that players have sex the night before a game. It's that they stay out all night looking for it. -Casey Stengel
border-style: dashed
The guy with the biggest stomach will be the first to take off his shirt at a baseball game. -Glenn Dickey
border-style: solid
Fear less, hope more; Whine less, breathe more; Talk less, say more; Hate less, love more; And all good things are yours. -Anon.
border-style: double
Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. -Buddha
border-style: groove
Live as if your were to die tomorrow. Learn as if you were to live forever. -Mahatma Gandhi
border-style: ridge
The Constitution only gives people the right to pursue happiness. You have to catch it yourself." -Ben Franklin
border-style: inset
Football incorporates the two worst elements of American society: violence punctuated by committee meetings." -George Will
border-style: outset
It took me seventeen years to get 3,000 hits in baseball. I did it in one afternoon on the golf course. -Hank Aaron
                     
		border-style:
		<b>hidden</b>
		<div style=" background: orange;    margin: 25px;    border-style: hidden;    border-color: grey;    border-width: 5px;    padding: 15px;"> It ain't over 'till it's over. -Yogi Berra
		</div>
		border-style:
		<b>dotted</b>
		<div style=" background: blue;    margin: 25px;    border-style: dotted;    border-color: grey;    border-width: 5px;    padding: 15px;"> The trouble is not that players have sex the night before a game. It's that they stay out all night
			looking for it. -Casey Stengel
		</div>
		border-style:
		<b>dashed</b>
		<div style=" background: green;    margin: 25px;    border-style: dashed;    border-color: grey;    border-width: 5px;    padding: 15px;"> The guy with the biggest stomach will be the first to take off his shirt at a baseball game. -Glenn
			Dickey
		</div>
		border-style:
		<b>solid</b>
		<div style=" background: yellow;    margin: 25px;    border-style: solid;    border-color: grey;    border-width: 5px;    padding: 15px;"> Fear less, hope more; Whine less, breathe more; Talk less, say more; Hate less, love more; And all
			good things are yours. -Anon.
		</div>
		border-style:
		<b>double</b>
		<div style=" background: purple;    margin: 25px;    border-style: double;    border-color: grey;    border-width: 5px;    padding: 15px;"> Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.
			-Buddha
		</div>
		border-style:
		<b>groove</b>
		<div style=" background: brown;    margin: 25px;    border-style: groove;    border-color: grey;    border-width: 5px;    padding: 15px;"> Live as if your were to die tomorrow. Learn as if you were to live forever. -Mahatma Gandhi
		</div>
		border-style:
		<b>ridge</b>
		<div style=" background: pink;    margin: 25px;    border-style: ridge;    border-color: grey;    border-width: 5px;    padding: 15px;"> The Constitution only gives people the right to pursue happiness. You have to catch it yourself." -Ben
			Franklin
		</div>
		border-style:
		<b>inset</b>
		<div style=" background: brown;    margin: 25px;    border-style: inset;    border-color: grey;    border-width: 5px;    padding: 15px;"> Football incorporates the two worst elements of American society: violence punctuated by committee
			meetings." -George Will
		</div>
		border-style:
		<b>outset</b>
		<div style=" background: maroon;    margin: 25px;    border-style: outset;    border-color: grey;    border-width: 5px;    padding: 15px;"> It took me seventeen years to get 3,000 hits in baseball. I did it in one afternoon on the golf
			course. -Hank Aaron
		</div>