CSS Outline-Style Property

In this chapter you will learn:
About outline-style property
Example of outline-style property

CSS outline-style property is used to specify the style of the outline. It helps to display the outline in different styles so that the web page looks attractive and impressive. You can set the style of the outline as dotted, solid, dashed, double, inset, outset, groove, and ridge.

Example of outline-style property

<html>
<head>
    <title>Example of outline-style property</title>
    <style type="text/css">
        div
       {
            border:3px dotted red;
            outline-style:dashed;        
        }  
   
    </style>
    </head>
<body>
<div> This is the example of outline-style property of css.</div>
</body>
</html>

Output:-
example of outline-style property
SUMMARY

In this chapter, you have learned about the outline-style property so now it's easy to use this property because one example of this property is given which will help you. Click on Next button to continue-

 

Share your thought