Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML
Website builder

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!


Also see all CSS properties listed alphabetically


Enjoy this page?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!