---
url: /reference/@cssdoc/core/interfaces/CssCondition.md
---
# Interface: CssCondition

Defined in: [packages/core/src/model.ts:179](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L179)

A conditional-support block the component's rules sit under.

## Properties

### containerName?

```ts
optional containerName?: string;
```

Defined in: [packages/core/src/model.ts:185](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L185)

A container name, for `@container` blocks that target a named container.

***

### description?

```ts
optional description?: string;
```

Defined in: [packages/core/src/model.ts:187](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L187)

Prose from a `@container`/`@supports`/`@media`/`@responsive` doc tag, when authored.

***

### query

```ts
query: string;
```

Defined in: [packages/core/src/model.ts:183](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L183)

The condition text, e.g. `(min-width: 40rem)` or `(display: grid)`.

***

### type

```ts
type: "container" | "supports" | "media";
```

Defined in: [packages/core/src/model.ts:181](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L181)

Which at-rule expressed the condition.