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="<shadow-effect>::definition
183- of"><a name="value-def-shadow-effect"><shadow-effect></a></span>
184- is the following:</P>
185-
186- <PRE>
187- <color>? <length> <length> <length>? |
188- <length> <length> <length>? <color>?
189- </PRE>
190-
191- <P>A shadow offset is specified with two <span class="index-inst"
192- title="<length>"><span
193- class="value-inst-length"><length></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
278169class="propinst-letter-spacing">'letter-spacing'</span> and <span
@@ -322,12 +213,6 @@ BLOCKQUOTE { letter-spacing: 0cm } /* Same as '0' */
322213the 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
370247class="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
390267an 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>
394271may consider the value of <span
395272class="propinst-text-transform">'text-transform'</span> to be 'none'
396273for 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
432309line breaks within text except for those created by "\A" in generated
433310content (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