• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Layout Properties
  5. clip
  6. CSS Live Demo: clip (this page)
• See also: All Live Demos

CSS Live Demo: clip

Type your CSS here: (any properties allowed except expression, behavior and @import) #tunnel-vision { width:300px; height:150px; clip:rect(50px 250px 100px 50px); } #tunnel-vision { position:absolute; background:#ff9; font-size:1.4em; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <p id="tunnel-vision"><dfn>tunnel vision</dfn> <i>(n)</i> <strong>1.</strong> constriction of the visual field resulting in loss of peripheral vision; <strong>2.</strong> extreme narrowness of viewpoint (narrowmindedness), single-minded concentration on one objective.</p>

Show me!

Your results appear here: