---
title: CSS 生成コンテンツ
slug: Web/CSS/CSS_Generated_Content
tags:
  - CSS
  - CSS Generated Content
  - Guide
  - Overview
  - Reference
translation_of: Web/CSS/CSS_Generated_Content
---
<p>{{CSSRef}}</p>

<p><ruby><strong>CSS 生成コンテンツ</strong><rp> (</rp><rt>CSS Generated Content</rt><rp>) </rp></ruby>は CSS のモジュールの一つで、要素にコンテンツを追加する方法を定義します。生成されたコンテンツは、無名で置換された要素にコンテンツを追加したり、非常に限られた状況で DOM ノードのコンテンツを生成された値で置き換えたりするために使用することができます。</p>

<p>詳しくは<a href="/ja/docs/Learn/CSS/Howto/Generated_content">生成コンテンツのハウツーガイド</a>や、実装情報については {{cssxref("content")}} および {{cssxref("quotes")}} プロパティをご覧ください。</p>

<h2 id="Reference" name="Reference">リファレンス</h2>

<h3 id="Properties" name="Properties">プロパティ</h3>

<div class="index">
<ul>
 <li>{{cssxref("content")}}</li>
 <li>{{cssxref("quotes")}}</li>
</ul>
</div>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">状態</th>
   <th scope="col">備考</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("CSS3 Content")}}</td>
   <td>{{Spec2("CSS3 Content")}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('CSS2.1')}}</td>
   <td>{{Spec2('CSS2.1')}}</td>
   <td>初回定義</td>
  </tr>
 </tbody>
</table>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="/ja/docs/Learn/CSS/Howto/Generated_content">CSS 生成コンテンツの使用</a></li>
 <li>{{cssxref("content")}}</li>
 <li>{{cssxref("quotes")}}</li>
 <li>{{cssxref("::before")}}</li>
 <li>{{cssxref("::after")}}</li>
 <li>{{cssxref("::marker")}}</li>
</ul>