@@ -38,12 +38,10 @@ to be positioned partly outside the box.
3838</ul>
3939
4040<p>Whenever overflow occurs, the <span
41- class="propinst-overflow">'overflow'</span> property specifies how
42- (and whether) a
43- box is clipped. The <span class="propinst-clip">'clip'</span> property
44- specifies the size and shape of the clipping region. Specifying a
45- small clipping region may cause clipping of otherwise visible
46- contents.
41+ class="propinst-overflow">'overflow'</span> property specifies
42+ whether a box is clipped to its content box, and if so, whether
43+ a scrolling mechanism is provided to access any clipped out content.
44+ </p>
4745
4846<H3><a name="overflow">Overflow</a>: the <span
4947class="propinst-overflow">'overflow'</span> property</H3>
@@ -67,8 +65,7 @@ may be rendered outside the block box.
6765<dd>This value indicates that the content is clipped and that no
6866scrolling mechanism should be provided to view the content outside the
6967clipping region; users will not have access to clipped
70- content. The size and shape of the clipping region is specified
71- by the <span class="propinst-clip">'clip'</span> property.
68+ content.
7269
7370<dt><strong>scroll</strong>
7471
@@ -111,16 +108,16 @@ it under adverse conditions - the curtain was up.
111108generated boxes:
112109
113110<PRE>
114- DIV { width : 100px; height: 100px;
111+ div { width : 100px; height: 100px;
115112 border: thin solid red;
116113 }
117114
118- BLOCKQUOTE { width : 125px; height : 100px;
115+ blockquote { width : 125px; height : 100px;
119116 margin-top: 50px; margin-left: 50px;
120117 border: thin dashed black
121118 }
122119
123- CITE { display: block;
120+ cite { display: block;
124121 text-align : right;
125122 border: none
126123 }
@@ -150,24 +147,30 @@ could access the clipped content.
150147<H3><a name="clipping">Clipping</a>: the <span
151148class="propinst-clip">'clip'</span> property</h3>
152149
150+ <!--
153151<p>[What about the "lost errata" for clip? See
154152<a href="http://lists.w3.org/Archives/Member/w3c-css-wg/2001OctDec/0218.html">David</a>
155153and
156154<a href="http://lists.w3.org/Archives/Member/w3c-css-wg/2001OctDec/0235.html">Eric</a>.
157155BB]
156+ -->
158157
159158<p>A <span class="index-def" title="clipping region"><dfn>clipping
160- region</dfn></span> defines what portion of an element's <a
161- href="conform.html#rendered-content">rendered content</a> is
162- visible. By default, the clipping region has the same size and shape
163- as the element's box(es). However, the clipping region may be
159+ region</dfn></span> defines what portion of an element's
160+ border box
161+ <!--<a
162+ href="conform.html#rendered-content">rendered content</a>-->
163+ is visible. By default, the clipping region has the same size and shape
164+ as the element's border box. However, the clipping region may be
164165modified by the <span class="propinst-clip">'clip'</span> property.
165166
166167<!-- #include src=properties/clip.srb -->
167168
168- <P>The 'clip' property applies to elements that have a <span
169+ <P>The 'clip' property applies only to absolutely positioned elements.
170+ <!--that have a <span
169171class="propinst-overflow">'overflow'</span> property with a value
170- other than 'visible'. Values have the following meanings:</p>
172+ other than 'visible'-->
173+ Values have the following meanings:</p>
171174
172175<dl>
173176<dt><strong>auto</strong>
@@ -228,7 +231,7 @@ have the same value), and conversely that no pixels within the
228231element's box remain hidden when these values are 'auto'.
229232</dl>
230233
231- <P>The element's ancestors may also have clipping regions (in case
234+ <P>The element's ancestors may also have clipping regions (e.g. if
232235their <span class="propinst-overflow">'overflow'</span> property is
233236not 'visible'); what is rendered is the intersection of the various
234237clipping regions.
@@ -240,8 +243,8 @@ native operating environment.
240243<div class="example"><P>
241244The following two rules:</P>
242245<PRE>
243- P { clip: rect(5px, 40px, 45px, 5px); }
244- P { clip: rect(5px, 55px, 45px, 5px); }
246+ p { clip: rect(5px, 40px, 45px, 5px); }
247+ p { clip: rect(5px, 55px, 45px, 5px); }
245248</PRE>
246249
247250<P>will create the rectangular clipping regions delimited
0 commit comments