---
title: "Clip property in CSS3"  
description: "In this blog I have mentioned the CSS3’s Clip property. Clip property is used to split the image and text with the help of rect method. if an image is"  
author: "Vijay Shukla"  
published: 2012-12-15  
updated: 2014-09-18  
canonical: https://www.mindstick.com/blog/407/clip-property-in-css3  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# Clip property in CSS3

In this [blog](https://www.mindstick.com/articles/12705/myths-and-misconception-about-blog) I have mentioned the [CSS3](https://www.mindstick.com/articles/1534/stylish-css3-progress-bars)’s Clip [property](https://www.mindstick.com/blog/205/property-notification-in-c-sharp). Clip property is used to [split](https://www.mindstick.com/blog/11920/top-3-voltas-split-acs-for-your-home) the [image and text](https://www.mindstick.com/forum/499/spliting-the-image-and-text) with the help of rect method. if an image is larger than its containing element - The clip property let you specify the [scope](https://www.mindstick.com/interview/372/what-are-the-different-scopes-for-java-variables) of an absolutely positioned element that should be visible, and the element is clipped into this shape, and displayed.\

##### Syntax:

rect(Top, [Right](https://www.mindstick.com/articles/12766/check-whether-you-are-doing-digital-transformation-right-or-not), Bottom, [Left](https://www.mindstick.com/articles/12768/don-t-be-left-behind-with-the-new-it-revolution))

```
<!DOCTYPE html><html><head><style>p{   position:absolute;   clip:rect(0px,100px,60px,0px);}
img{    position:absolute;    clip:rect(0px,60px,60px,0px);}
</style></head><body><p>12345678910MindStick</p><br/><br/><img src="images.jpg" width="100" height="100" /></body>
</html>
```

##### Output:

![Clip property in CSS3](https://www.mindstick.com/blogs/731103f9-60f3-4d85-9cb8-d6305da26d21/images/f04ee52d-7051-42ea-ad7c-90cef202a516.png)

---

Original Source: https://www.mindstick.com/blog/407/clip-property-in-css3

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.