> For the complete documentation index, see [llms.txt](https://docs.does.qa/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.does.qa/test-steps/check/check-computed-style.md).

# Check Computed Style

Check Computed Style compares a CSS property on an [Element](/elements/creating-elements.md) with what you expect. Use it when visual state is driven by styles rather than text or attributes alone.

![Check computed style Test Step](https://app.does.qa/screenshots/node/check_computed_style.png)

## When to use it

* Confirm an error field shows a red border after validation fails.
* Verify a hidden panel uses `display: none` or another expected property.
* Pair with [Check Attribute](/test-steps/check/check-attribute.md) when the source is an HTML attribute instead.

## Configure

### Basics

| Field               | What to set                                                                        |
| ------------------- | ---------------------------------------------------------------------------------- |
| **Element**         | The [Element](/elements/creating-elements.md) to read                              |
| **Property**        | CSS property from the step dropdown (for example `Color`, `Display`, `Visibility`) |
| **Comparison Type** | [Comparison Type](/test-step-options/comparison-type.md)                           |
| **Value**           | Expected value as text and/or [Values](/values/value-store.md)                     |

### Advanced

| Field                                 | What to set                                                          |
| ------------------------------------- | -------------------------------------------------------------------- |
| **Status on fail**                    | [Failed Status](/test-step-options/failed-status.md)                 |
| **When should screenshots be taken?** | `Always` or `On Failures` (default)                                  |
| **Value Standardization**             | [Value Standardization](/test-step-options/value-standardization.md) |

## Related

* [Check Computed Label](/test-steps/check/check-computed-label.md)
* [Check Attribute](/test-steps/check/check-attribute.md)
* [Check](/test-steps/check.md)

**Tags:** `check`, `computed`, `style`, `test`, `expect`, `assert`, `element`, `computed`, `css`