Home > Article > Web Front-end > Using CSS to set the line style of an outline

Using CSS to set the line style of an outline

王林forward: 2023-09-04 16:33:021288browse

使用 CSS 设置轮廓的线条样式

The outline-style property specifies the style of the line surrounding the element.

Example

You can try running the following code to implement the outline-style attribute −

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

The above is the detailed content of Using CSS to set the line style of an outline. For more information, please follow other related articles on the PHP Chinese website!

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：Set the width, line style, and color properties of an outline in a single statement using CSSNext article：Set the width, line style, and color properties of an outline in a single statement using CSS

See more

Using CSS to set the line style of an outline

Example

Related articles