<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">
		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">content</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span> CSS <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Inherited: No</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Defines the actual content or source of content to be displayed
before and/or after the current element. In CSS jargon, this kind of
content is called <span class="emphasis">generated content</span>. This
attribute may be set only with the <span class="literal">:before</span> and
<span class="literal">:after</span> pseudo-elements associated with a real
element. For example, as a result of the following style sheet rule:
</p><p>a permissions phrase is appended to the end of every
<span class="literal">blockquote</span> element, although the content does not
become a member of the document tree. HTML tags in the content text
are not interpreted, but if the situation warrants it, an external
document can be assigned to the content attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>content: <span class="replaceable">string</span> | <span class="replaceable">uri</span> | <span class="replaceable">counter</span> | attr(<span class="replaceable">attrName</span>) | open-quote | close-quote |
no-open-quote | no-close-quote</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Only the following value types or values are functional in Netcape 6:
<span class="replaceable">string</span>, <span class="literal">open-quote</span>,
<span class="literal">close-quote</span>, <span class="literal">no-open-quote</span>, and
<span class="literal">no-close-quote</span>. The purpose of the
"no" quote types is to let you
specify the effect of a quote (as far as quote nesting goes) without
displaying a quote symbol. Multiple space-delimited strings may
follow the <span class="literal">content:</span> attribute name.
</p><p>Another value (<span class="replaceable">counter</span>) is not yet
supported by browsers, but its potential is significant for documents
that would benefit from client-side section number generation. A CSS
counter offers a way for a style sheet to control numbering schemes
for sequences of elements (such as sections, illustrations, and the
like). The assumption is that the numbering is not part of the actual
content, but is determined solely by the rendered context of the
element within the document. Therefore, if you remove a numbered
paragraph from a document in the edit phase, the paragraph numbering
of the document adjusts itself automatically when the page is
rendered.
</p><p>The basic operation of a counter entails assigning an identifier to
it (thus allowing multiple counters to exist in the same document,
such as one for sections, another for subsections). Other CSS
attributes (<span class="literal">counter-increment</span> and
<span class="literal">counter-reset</span>) require values that point to an
identified counter to control the numbering sequence. The following
style sheet rule inserts a section label and number in front of every
<span class="literal">h1</span> element, and increments the counter number each
time the style is applied to an <span class="literal">h1</span> element while
the document renders:
</p><p>When counters are implemented in mainstream browsers, they will
provide substantial power to highly structured, long documents.
</p><span class="programlisting"><pre>h1:before {counter-increment:secNum;
           content:"Section " counter(secNum) ". "}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Initial Value</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">""</span> (empty string)</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>p.note:before {content:"==&gt;"}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Applies To</span></td>
				</tr>
				<tr>
					<td><p>All elements plus a <span class="literal">:before</span> and/or
<span class="literal">:after</span> pseudo-element.
</p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>