- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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>
- Related Articles
- 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
- Set outline style as two solid lines 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 style for pagination with CSS
- How to style outline buttons with CSS?
- CSS outline-style property
- Set image for bullet style with CSS
- Set the font style with CSS

Advertisements