Set the line style for the outline with CSS

CSS Web Development Front End Technology

The outline-style property specifies the style for the line that goes around an element.

Example

You can try to run the following code to implement outline-style property −

<html>
   <head>
   </head>
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin solid outline.
      </p>
      <br />
      <p style = "outline-width:thick; outline-style:dashed;">
         This text is having thick dashed outline.
      </p>
      <br />
      <p style = "outline-width:5px;outline-style:dotted;">
         This text is having 5x dotted outline.
      </p>
   </body>
</html>

Karthikeya Boyini

Published on 17-Apr-2018 12:52:23

Related Questions & Answers
Set outline style as a dotted line with CSS
Set outline style as a dashed line with CSS
Set outline style as a solid single line with CSS
Set the width, line style and color properties for an outline in a single statement with CSS
Set outline style as ridge with CSS
Set outline style as a groove with CSS
The outline-style Property in CSS
Set the width of the outline with CSS
Set the color of the outline with CSS
Set outline style as two solid lines with CSS
Set the font style with CSS
Set a dotted line for the border with CSS
Set style for pagination with CSS
CSS outline-style property
How to style outline buttons with CSS?

Previous Page Print Page