> ## Documentation Index
> Fetch the complete documentation index at: https://momentic.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# checkElementStyle

> Element-level assertion family for a computed style on the element.

Asserts a condition on a computed style property of the element. Each alias is
its own single-key command. There is no separate `condition` or `negated` field.
The positive and negative variants map directly to the table below.

## Parameters

| Parameter | Type      | Required  | Description                                                                                  |
| --------- | --------- | --------- | -------------------------------------------------------------------------------------------- |
| `on`      | `string`  | Yes       | Target description or percent pair.                                                          |
| `name`    | `string`  | Yes       | Style property name to check.                                                                |
| `value`   | `string`  | Sometimes | Value to compare against. Required for every condition except `*Exists` and `*DoesNotExist`. |
| `timeout` | `number`  | No        | Milliseconds to wait for the condition to hold.                                              |
| `saveAs`  | `string`  | No        | Variable to store this step's return value on `env.<name>`.                                  |
| `retries` | `number`  | No        | Times to retry the step on failure before failing the test.                                  |
| `skipped` | `boolean` | No        | Skip this step at execution time.                                                            |

## Examples

```yaml theme={null}
- checkElementStyleEquals:
    on: the primary button
    name: color # the computed style property to read
    value: "#ffffff" # the value it must equal
```

## Notes

Aliases supported by this family:

| Alias                               |
| ----------------------------------- |
| `checkElementStyleExists`           |
| `checkElementStyleDoesNotExist`     |
| `checkElementStyleContains`         |
| `checkElementStyleDoesNotContain`   |
| `checkElementStyleEquals`           |
| `checkElementStyleDoesNotEqual`     |
| `checkElementStyleStartsWith`       |
| `checkElementStyleDoesNotStartWith` |

## Related

* [Test format](/core-concepts/test-format)