Skip to content

Commit 8787799

Browse files
committed
[css2] Changes by Tantek: lowercased CSS examples.
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401881
1 parent 52ebbf4 commit 8787799

1 file changed

Lines changed: 23 additions & 20 deletions

File tree

css2/visufx.src

Lines changed: 23 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -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
4947
class="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
6866
scrolling mechanism should be provided to view the content outside the
6967
clipping 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.
111108
generated 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
151148
class="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>
155153
and
156154
<a href="http://lists.w3.org/Archives/Member/w3c-css-wg/2001OctDec/0235.html">Eric</a>.
157155
BB]
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
164165
modified 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
169171
class="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
228231
element'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
232235
their <span class="propinst-overflow">'overflow'</span> property is
233236
not 'visible'); what is rendered is the intersection of the various
234237
clipping regions.
@@ -240,8 +243,8 @@ native operating environment.
240243
<div class="example"><P>
241244
The 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

Comments
 (0)