Skip to content

Commit 4a4e216

Browse files
committed
[css2] Tantek edited blink, text-shadow, word-spacing
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401847
1 parent eb017c2 commit 4a4e216

1 file changed

Lines changed: 6 additions & 135 deletions

File tree

css2/text.src

Lines changed: 6 additions & 135 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22
<html lang="en">
3-
<!-- $Id: text.src,v 2.24 1999-11-04 21:24:32 ijacobs Exp $ -->
3+
<!-- $Id: text.src,v 2.25 2002-04-23 16:01:21 bbos Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>Text</TITLE>
@@ -141,7 +141,9 @@ agents must <a href="syndata.html#ignore">ignore</a> this property.
141141
<dt><strong>blink</strong>
142142
<dd>Text blinks (alternates between visible and invisible).
143143
<a href="conform.html#conformance">Conforming user agents</a>
144-
are not required to support this value.
144+
may simply not blink the text. Note that not blinking the text
145+
is one technique to satisfy
146+
<a href="http://www.w3.org/TR/UAAG/guidelines.html#tech-on-off-blinking-text">checkpoint 3.3 of WAI-UAAG</a>.
145147
</dl>
146148

147149
<P> The color(s) required for the text decoration should be derived
@@ -162,117 +164,6 @@ A[href] { text-decoration: underline }
162164
</PRE>
163165
</div>
164166

165-
<H3><a name="text-shadow-props">Text shadows</a>: the <span
166-
class="propinst-text-shadow">'text-shadow'</span> property</H3>
167-
168-
<!-- #include src=properties/text-shadow.srb -->
169-
170-
<P>This property accepts a comma-separated list of shadow effects to
171-
be applied to the text of the element. The shadow effects are applied
172-
in the order specified and may thus overlay each other, but they will
173-
never overlay the text itself. Shadow effects do not alter the size of
174-
a box, but may extend beyond its boundaries. The <A
175-
href="visuren.html#stack-level">stack level</a> of the shadow effects
176-
is the same as for the element itself.
177-
178-
<P>Each shadow effect must specify a shadow offset and may optionally
179-
specify a blur radius and a shadow color.
180-
181-
<P>The syntax for
182-
<span class="index-def" title="&lt;shadow-effect&gt;::definition
183-
of"><a name="value-def-shadow-effect">&lt;shadow-effect&gt;</a></span>
184-
is the following:</P>
185-
186-
<PRE>
187-
&lt;color&gt;? &lt;length&gt; &lt;length&gt; &lt;length&gt;? |
188-
&lt;length&gt; &lt;length&gt; &lt;length&gt;? &lt;color&gt;?
189-
</PRE>
190-
191-
<P>A shadow offset is specified with two <span class="index-inst"
192-
title="&lt;length&gt;"><span
193-
class="value-inst-length">&lt;length&gt;</span></span> values that
194-
indicate the distance from the text. The first length value
195-
specifies the horizontal distance to the right of the text. A negative
196-
horizontal length value places the shadow to the left of the text. The
197-
second length value specifies the vertical distance below the text. A
198-
negative vertical length value places the shadow above the text.
199-
200-
<P>A blur radius may optionally be specified after the shadow offset.
201-
The blur radius is a length value that indicates the boundaries of the
202-
blur effect. The exact algorithm for computing the blur effect is not
203-
specified.
204-
205-
<P>A color value may optionally be specified before or after the
206-
length values of the shadow effect. The color value will be used as
207-
the basis for the shadow effect. If no color is specified, the value
208-
of the <span class="propinst-color">'color'</span> property will be
209-
used instead.
210-
211-
<P>Text shadows may be used with the <a
212-
href="selector.html#first-letter"> :first-letter</a> and <a
213-
href="selector.html#first-line">:first-line</a> pseudo-elements.
214-
215-
<div class="example">
216-
217-
<P>The example below will set a text shadow to the right and below the
218-
element's text. Since no color has been specified, the shadow will
219-
have the same color as the element itself, and since no blur radius is
220-
specified, the text shadow will not be blurred:</p>
221-
222-
<PRE>
223-
H1 { text-shadow: 0.2em 0.2em }
224-
</PRE>
225-
226-
<P>The next example will place a shadow to the right and below
227-
the element's text. The shadow will have a 5px blur radius and will be
228-
red.
229-
230-
<PRE>
231-
H2 { text-shadow: 3px 3px 5px red }
232-
</PRE>
233-
234-
<P>The next example specifies a list of shadow effects. The first
235-
shadow will be to the right and below the element's text and will be
236-
red with no blurring. The second shadow will overlay the first shadow
237-
effect, and it will be yellow, blurred, and placed to the left and
238-
below the text. The third shadow effect will be placed to the right
239-
and above the text. Since no shadow color is specified for the third
240-
shadow effect, the value of the element's <span
241-
class="propinst-color">'color'</span>
242-
property will be used:</p>
243-
244-
<PRE>
245-
H2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }
246-
</PRE>
247-
248-
</DIV>
249-
250-
<div class="example">
251-
<P>Consider this example:
252-
253-
<PRE>
254-
SPAN.glow {
255-
background: white;
256-
color: white;
257-
text-shadow: black 0px 0px 5px;
258-
}
259-
</PRE>
260-
261-
<P>Here, the <span class="propinst-background">'background'</span> and
262-
<span class="propinst-color">'color'</span> properties have the same
263-
value and the <span class="propinst-text-shadow">'text-shadow'</span>
264-
property is used to create a "solar eclipse" effect:</p>
265-
266-
<P><IMG SRC="images/eclipse-outline.gif" alt="Solar eclipse effect"></p>
267-
</DIV>
268-
269-
<div class="note"><P>
270-
<em><strong>Note.</strong>
271-
This property is not defined in CSS1. Some shadow
272-
effects (such as the one in the last example) may render text
273-
invisible in UAs that only support CSS1.
274-
</em>
275-
</div>
276167

277168
<H2><a name="spacing-props">Letter and word spacing</a>: the <span
278169
class="propinst-letter-spacing">'letter-spacing'</span> and <span
@@ -322,12 +213,6 @@ BLOCKQUOTE { letter-spacing: 0cm } /* Same as '0' */
322213
the default space, user agents should not use
323214
<span class="index-inst" title="ligatures">ligatures.</span>
324215

325-
<P><span class="index-inst" title="conformance"><a
326-
href="conform.html#conformance">Conforming <!--HTML--> user agents</a></span>
327-
may consider the value of the <span
328-
class="propinst-letter-spacing">'letter-spacing'</span> property to be
329-
'normal'.
330-
331216
<!-- #include src=properties/word-spacing.srb -->
332217

333218
<P>This property specifies spacing behavior between words.
@@ -358,14 +243,6 @@ H1 { word-spacing: 1em }
358243
</PRE>
359244
</div>
360245

361-
<P><span class="index-inst" title="conformance"><a
362-
href="conform.html#conformance">Conforming <!--HTML--> user agents</a></span> may
363-
consider the value of the <span
364-
class="propinst-word-spacing">'word-spacing'</span> property to be
365-
'normal'.
366-
367-
<!--<H2>Case</H2>-->
368-
369246
<H2><a name="caps-prop">Capitalization</a>: the <span
370247
class="propinst-text-transform">'text-transform'</span> property</H2>
371248

@@ -390,7 +267,7 @@ dependent. See RFC 2070 ([[RFC2070]]) for ways to find the language of
390267
an element.
391268

392269
<P><span class="index-inst" title="conformance"><a
393-
href="conform.html#conformance">Conforming <!--HTML--> user agents</a></span>
270+
href="conform.html#conformance">Conforming user agents</a></span>
394271
may consider the value of <span
395272
class="propinst-text-transform">'text-transform'</span> to be 'none'
396273
for characters that are not from the Latin-1 repertoire and for
@@ -431,6 +308,7 @@ at occurrences of "\A" in generated content.
431308
<dd>This value collapses whitespace as for 'normal', but suppresses
432309
line breaks within text except for those created by "\A" in generated
433310
content (e.g., for the BR element in HTML).
311+
434312
</dl>
435313

436314
<div class="example"><P> The following examples show what <a
@@ -443,13 +321,6 @@ TD[nowrap] { white-space: nowrap }
443321
</PRE>
444322
</div>
445323

446-
<P><span class="index-inst" title="conformance"><a
447-
href="conform.html#conformance">Conforming <!--HTML--> user agents</a></span>
448-
may <span class="index-inst" title="ignore"><a
449-
href="syndata.html#ignore">ignore</a></span> the <span
450-
class="propinst-white-space">'white-space'</span> property in author
451-
and user style sheets but must specify a value for it in the default
452-
style sheet.
453324

454325
</BODY>
455326
</HTML>

0 commit comments

Comments
 (0)