---
title: 合成と混合
slug: Web/CSS/Compositing_and_Blending
tags:
  - CSS
  - 合成と混合
  - ガイド
  - 概要
  - リファレンス
translation_of: Web/CSS/Compositing_and_Blending
---
{{CSSRef}}

**合成と混合** (Compositing and Blending) は CSS モジュールの一つで、様々な要素のシェイプを単一の画像に合成する方法を定義します。

## リファレンス

### プロパティ

- {{cssxref("background-blend-mode")}}
- {{cssxref("isolation")}}
- {{cssxref("mix-blend-mode")}}

### データ型

- {{cssxref("<blend-mode>")}}

## 仕様書

| 仕様書                      | 状態                     | 備考     |
| --------------------------- | ------------------------ | -------- |
| {{SpecName("Compositing")}} | {{Spec2("Compositing")}} | 初回定義 |

## ブラウザーの互換性

### `background-blend-mode` プロパティ

{{Compat("css.properties.background-blend-mode")}}

### `isolation` プロパティ

{{Compat("css.properties.isolation")}}

### `mix-blend-mode` プロパティ

{{Compat("css.properties.mix-blend-mode")}}