# GC.Data.StateRuleDirection

## Content

# Enumeration: StateRuleDirection

[GC](../modules/GC).[Data](../modules/GC.Data).StateRuleDirection

Defines the direction in which the style rule is applied.

**`example`**
```javascript
view.addStyleRule("hoverRowStyle", GC.Data.View.StateRuleDirection, { backColor: "green" }, { state: GC.Data.RowColumnStates.hover });
```

## Table of contents

### Enumeration members

- [both](GC.Data.StateRuleDirection#both)
- [column](GC.Data.StateRuleDirection#column)
- [none](GC.Data.StateRuleDirection#none)
- [row](GC.Data.StateRuleDirection#row)

## Enumeration members

### <a id="both" name="both"></a> both

• **both** = `3`

Specifies the style rule will apply to both row and column direction.

___

### <a id="column" name="column"></a> column

• **column** = `2`

Specifies the style rule will apply to the column direction.

___

### <a id="none" name="none"></a> none

• **none** = `0`

Specifies the style rule will not be applied.

___

### <a id="row" name="row"></a> row

• **row** = `1`

Specifies the style rule will apply to the row direction.