FREE Hosting!

With every domain name you register with ZappyHost, you get FREE hosting.

$1.99 Domain Names

With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

CSS clip

Also see the full, alphabetical list of CSS properties

The CSS clip property is used to clip a box to a given shape (rectangle is the only shape specfified in CSS2.1). Coordinates are supplied that indicate where the clipping will occur.

Syntax:	clip: rect(<value1><value2>,<value3><value4>)
Possible Values:	auto <shape> (rectangle is the only shape supported in CSS2.1) followed by four coordinates inherit
Initial Value:	Auto
Applies to:	Absolutely positioned elements
Inherited:	No
Media:	Visual
Example:	`clip: rect(10px, 155px, 145px, 10px)`
Try it yourself!	<style type="text/css"> div { background: url(/pix/routeburn_track/routeburn_flats.jpg); clip:rect(10px, 155px, 145px, 10px); border:2px solid black; height:150px; width:150px; position:absolute; top:inherit; left:0px; } </style> <div> Clipped div box with image in the background. </div>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_clip.cfm">CSS clip</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites