Background-clip Property in CSS3

How to specify the painting area of the background on the webpage in CSS3?

By using the background-clip property we can specify the painting area of the background on the webpage.

<style>
        .class {
            background:lightblue;
            color:brown;
            padding:20px;
            border:5px dashed blue;
            background-clip:content-box; 
             }
</style>

<body>
    <p class="class">Mr. Sheo Narayan is a software professional since 2000 (15+ years) and working in .NET Technologies since its first release. 
       He is also the founder of a popular .NET Community website http://www.DotNetFunda.com. 
       He has been awarded with Microsoft® Most Valuable Professional (MVP), Star Entrepreneur Award etc. 
       He has served thousands of professionals worldwide in solving their technical problems and teaching them in their professional careers. 
       His corporate training clients includes many MNCs.</p>
</body>

In the above code snippet we have given the background-clip property to the .class selector, so that the .class selector selects the HTML element and applies the style to it.

OUTPUT

Views: 3318 | Post Order: 50

CSS3 > Background

Background-clip Property in CSS3

How to specify the painting area of the background on the webpage in CSS3?

Related Posts

Utility Tools