---
title: CSS 生成コンテンツ
slug: Web/CSS/CSS_Generated_Content
tags:
  - CSS
  - CSS 生成コンテンツ
  - ガイド
  - 概要
  - リファレンス
translation_of: Web/CSS/CSS_Generated_Content
---
{{CSSRef}}

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

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

## リファレンス

### プロパティ

- {{cssxref("content")}}
- {{cssxref("quotes")}}

## 仕様書

| 仕様書                       | 状態                      | 備考     |
| ---------------------------- | ------------------------- | -------- |
| {{SpecName("CSS3 Content")}} | {{Spec2("CSS3 Content")}} |          |
| {{SpecName('CSS2.1')}}       | {{Spec2('CSS2.1')}}       | 初回定義 |

## 関連情報

- [CSS 生成コンテンツの使用](/ja/docs/Learn/CSS/Howto/Generated_content)
- {{cssxref("content")}}
- {{cssxref("quotes")}}
- {{cssxref("::before")}}
- {{cssxref("::after")}}
- {{cssxref("::marker")}}