Set the line style for the outline with CSS



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
karthikeya Boyini

I love programming (: That's all I know


Advertisements