---
title: CSS 条件付き規則
slug: Web/CSS/CSS_Conditional_Rules
tags:
  - CSS
  - CSS 条件付き規則
  - ガイド
  - 概要
  - リファレンス
translation_of: Web/CSS/CSS_Conditional_Rules
---
{{CSSRef}}

**CSS 条件付き規則** (CSS Conditional Rules) は CSS のモジュールの一つで、プロセッサーの能力やスタイルシートが適用される文書の条件などに基づいて一連の規則を定義することができます。

## リファレンス

### アットルール

- {{cssxref("@document")}}
- {{cssxref("@media")}}
- {{cssxref("@supports")}}
- {{cssxref("@import")}}

## 仕様書

| 仕様書                           | 状態                          | 備考     |
| -------------------------------- | ----------------------------- | -------- |
| {{SpecName('CSS3 Conditional')}} | {{Spec2('CSS3 Conditional')}} | 初回定義 |

## ブラウザーの互換性

### `@document` ルール

{{Compat("css.at-rules.document")}}

### `@import` ルール

{{Compat("css.at-rules.import")}}

### `@media` ルール

{{Compat("css.at-rules.media")}}

### `@supports` ルール

{{Compat("css.at-rules.supports")}}