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-

More Articles

 

Share your thought



PLEASE DISABLE ADBLOCKER AND SUPPORT US!

Please support us by enabling ads on this page. Refresh

YOU DON'T LIKE ADS, WE ALSO DON'T LIKE ADS!
 
But we have to show ads on our site to keep it free and updated. We have to pay huge server costs, domain costs, CDN Costs, Developer Costs, Electricity and Internet Bill. Your little contribution will encourage us to regularly update this site.