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

Select the desired outline style and view in the following example of a rectangle surrounding the Mark Twain quote on golf.
outline-style:
outline-color:
preview
Wrong Input
outline-width:
border-radius:
Golf is a good walk spoiled. -Mark Twain
outline-style: hidden
It ain't over 'till it's over. -Yogi Berra
outline-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
outline-style: dashed
The guy with the biggest stomach will be the first to take off his shirt at a baseball game. -Glenn Dickey
outline-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.
outline-style: double
Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. -Buddha
outline-style: groove
Live as if your were to die tomorrow. Learn as if you were to live forever. -Mahatma Gandhi
outline-style: ridge
The Constitution only gives people the right to pursue happiness. You have to catch it yourself." -Ben Franklin
outline-style: inset
Football incorporates the two worst elements of American society: violence punctuated by committee meetings." -George Will
outline-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
                     
        outline-style:
        <b>hidden</b>
        <div style=" background: orange;          margin: 25px;          outline-style: hidden;          outline-color: grey;          outline-width: 5px;          padding: 15px;"> It ain't over 'till it's over. -Yogi Berra
        </div>
        outline-style:
        <b>dotted</b>
        <div style=" background: blue;          margin: 25px;          outline-style: dotted;          outline-color: grey;          outline-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>
        outline-style:
        <b>dashed</b>
        <div style=" background: green;          margin: 25px;          outline-style: dashed;          outline-color: grey;          outline-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>
        outline-style:
        <b>solid</b>
        <div style=" background: yellow;          margin: 25px;          outline-style: solid;          outline-color: grey;          outline-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>
        outline-style:
        <b>double</b>
        <div style=" background: purple;          margin: 25px;          outline-style: double;          outline-color: grey;          outline-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>
        outline-style:
        <b>groove</b>
        <div style=" background: brown;          margin: 25px;          outline-style: groove;          outline-color: grey;          outline-width: 5px;          padding: 15px;"> Live as if your were to die tomorrow. Learn as if you were to live forever. -Mahatma Gandhi
        </div>
        outline-style:
        <b>ridge</b>
        <div style=" background: pink;          margin: 25px;          outline-style: ridge;          outline-color: grey;          outline-width: 5px;          padding: 15px;"> The Constitution only gives people the right to pursue happiness. You have to catch it yourself." -Ben
            Franklin
        </div>
        outline-style:
        <b>inset</b>
        <div style=" background: brown;          margin: 25px;          outline-style: inset;          outline-color: grey;          outline-width: 5px;          padding: 15px;"> Football incorporates the two worst elements of American society: violence punctuated by committee
            meetings." -George Will
        </div>
        outline-style:
        <b>outset</b>
        <div style=" background: maroon;          margin: 25px;          outline-style: outset;          outline-color: grey;          outline-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>