HTML and CSS Reference
In-Depth Information
This property specifies the placement of an element in relation to floating objects.
clear: both | left | none | right | inherit
The property acts much like the clear attribute for the <br> tag and continues to push
elements until the left, right, or both columns are clear. The default value is none .
br.clearright {clear: right;}
#clearboth {clear: both;}
CSS 1, 2, 3
IE 4 (buggy), 5+ Netscape 4+ (buggy), 6+, Firefox 1+ Opera 5+, Safari 1+
This property sets the coordinates of the clipping shape that exposes or hides the content of
absolutely positioned elements.
clip: rect( coordinates ) | auto | inherit
where the allowed clipping shape is a rectangle defined rect( top right bottom left )
in which the values specify offsets from the respective sides of the containing box.
<style type="text/css" media="screen">
#div1 {position: absolute; width:200px; height:200px; clip: rect(10px 90px
90px 10px); border: 1px solid; background-color: orange;}
#div2 {position: absolute; left: 220px; width:200px; height:200px;
border: 1px solid; background-color: orange;}
<div id="div1"> Clipped </div>
<div id="div2"> Not Clipped </div>
Search WWH ::

Custom Search