HTML and CSS Reference
In-Depth Information
clear
This property specifies the placement of an element in relation to floating objects.
Syntax
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
.
Examples
br.clearright {clear: right;}
#clearboth {clear: both;}
Compatibility
CSS 1, 2, 3
IE 4 (buggy), 5+ Netscape 4+ (buggy), 6+, Firefox 1+ Opera 5+, Safari 1+
clip
This property sets the coordinates of the clipping shape that exposes or hides the content of
absolutely positioned elements.
Syntax
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.
Example
<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;}
</style>
</head>
<body>
<div id="div1">
Clipped
</div>
<div id="div2">
Not Clipped
</div>
