<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="説明">
			<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">なし</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">継承 : なし</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>現在の要素の前後に表示する実際のコンテンツやコンテンツのソースを定義します。この種類のコンテンツは、CSS 用語では<span class="emphasis">生成されたコンテンツ</span>と呼ばれます。この属性は実際の要素に関連付けられている <span class="literal">:before</span> および <span class="literal">:after</span> の擬似要素と一緒の場合にのみ設定できます。たとえば、次のスタイルシート規則で使用します。
</p><p>コンテンツはドキュメントツリーのメンバーにはなりませんが、許可のフレーズがすべての <span class="literal">blockquote</span> 要素の最後に追加されます。コンテンツテキスト内の HTML タグは解釈されませんが、結果が確実な場合は、外部ドキュメントを content 属性に指定できます。
</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 構文</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">値</span></td>
				</tr>
				<tr>
					<td><p>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>、および <span class="literal">no-close-quote</span> のみです。no-open-quote タイプおよび no-close-quote タイプの目的は、引用符を表示せずに、引用文のネストが続く限り引用文の効果を指定できるようにすることです。<span class="literal">content:</span> 属性名には、複数のスペース区切り文字列を続けることができます。
</p><p><span class="replaceable">counter</span> はまだブラウザでサポートされていません。しかし、この値が持つ可能性は、クライアント側でのセクション番号を生成すると便利なドキュメントにとっては非常に大きなものです。CSS カウンタを使用すると、項やイラストレーションといった一連の要素の番号付け方法をスタイルシートで制御できます。この番号付けは、実際のコンテンツの一部となっていないこと、そして、ドキュメント内の要素の表示されるコンテキストのみによって決定されることが前提となっています。したがって、番号付けされたパラグラフを編集段階でドキュメントから削除する場合、ドキュメント内のパラグラフの番号付けは、ページを表示するときに自動的に調節されます。
</p><p>カウンタの基本動作には、それ自体に識別子を割り当てることも含まれます。これにより、同じドキュメント内で複数のカウンタを使用することができます。たとえば、セクションとサブセクションのそれぞれにカウンタを挿入できます。<span class="literal">counter-increment</span> 属性と <span class="literal">counter-reset</span> 属性については、識別されたカウンタを示す値がないと、番号付けの順序を制御できません。次のスタイルシート規則では、セクションのラベルと番号をすべての <span class="literal">h1</span> 要素の前に挿入し、ドキュメントを表示しているとき、そのスタイルが <span class="literal">h1</span> 要素に適用されるたびにカウンタ番号を増分します。
</p><p>一般的なブラウザで実装されたカウンタは、高度に構造化された長いドキュメントで大きな効果を発揮します。
</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">既定値</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">""</span> (空の文字列)</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">例</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">適用先</span></td>
				</tr>
				<tr>
					<td><p>すべての要素と <span class="literal">:before</span> や <span class="literal">:after</span> の擬似要素
</p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>