Post
Ask Question

background-clip property in CSS

background-clip property in CSS

 
It is used to specify the content area of the background.
  1. <html>  
  2.   
  3.      <head>  
  4.           <style type="text/css">  
  5.           p   
  6.           {  
  7.                width: 200px;  
  8.                height: 200px;  
  9.                border: 2px solid Black;  
  10.                padding: 10px;  
  11.                background-color: Pink;  
  12.                background-clip: content-box;  
  13.                -webkit-background-clip: content-box;  
  14.                /* Code For Safari */  
  15.   
  16.           }  
  17.           </style>  
  18.      </head>  
  19.   
  20.      <body>  
  21.           <p>  
  22.                Are you going to the Mindcracker MVP Summit 2012 at Noida or interested in learning the daily progress of the summit? Check out daily updates here and let the saga begin.</p>  
  23.      </body>  
  24.   
  25. </html> 
Output:
 
1.png
Next Recommended Reading Clip property in CSS