# Style 요소

## Content

다음 표는 style 요소의 속성들을 나열한 것입니다.

| **속성** | **API 레퍼런스** | **타입** | **코멘트** |
| --- | -------- | --- | --- |
| backColor | `style.backColor` | `string` |  |
| backgroundImage | `style.backgroundImage` | `string` |  |
| backgroundImageLayout | `spread.backgroundImageLayout(value)` | `GC.Spread.Sheets.ImageLayout` |  |
| border | `style.borderLeft, borderTop, borderRight, borderBottom` | `string` | border 속성을 설정하면 borderLeft, borderTop, borderRight, borderBottom이 동시에 설정됩니다. |
| borderBottom | `style.borderBottom` | `string` |  |
| borderLeft | `style.borderLeft` | `string` |  |
| borderRight | `style.borderRight` | `string` |  |
| borderTop | `style.borderTop` | `string` |  |
| font | `style.font` | `string` |  |
| foreColor | `style.foreColor` | `string` |  |
| formatter | `style.formatter` | `string` |  |
| hAlign | `style.hAlign` | `GC.Spread.Sheets.HorizontalAlign` |  |
| locked | `style.locked` | `boolean` |  |
| shrinkToFit | `style.shrinkToFit` | `boolean` |  |
| textIndent | `style.textIndent` | `number` |  |
| themeFont | `style.themeFont` | `string` |  |
| vAlign | `style.vAlign` | `GC.Spread.Sheets.VerticalAlign` |  |
| wordWrap | `style.wordWrap` | `boolean` |  |

다음 표는 style 요소의 자식 요소들을 나열한 것입니다.

| **자식 요소** | **API 레퍼런스** | **개수** | **타입** | **코멘트** |
| ----- | -------- | --- | --- | --- |
| dateValidator | `style.validator` | `1` | `dateValidator` |  |
| formulaValidator | `style.validator` | `1` | `formulaValidator` |  |
| formulaListValidator | `style.validator` | `1` | `formulaListValidator` |  |
| listValidator | `style.validator` | `1` | `listValidator` |  |
| numberValidator | `style.validator` | `1` | `numberValidator` |  |
| textLengthValidator | `style.validator` | `1` | `textLengthValidator` |  |
| ButtonCellType | `style.cellType` | `1` | `GC.Spread.Sheets.CellTypes.Button` | 스타일에 셀 타입을 두 개 이상 추가하면, 마지막에 추가한 셀 타입이 이전 셀 타입들을 덮어씁니다. |
| CheckBoxCellType | `style.cellType` | `1` | `GC.Spread.Sheets.CellTypes.CheckBox` | 스타일에 셀 타입을 두 개 이상 추가하면, 마지막에 추가한 셀 타입이 이전 셀 타입들을 덮어씁니다. |
| ComboBoxCellType | `style.cellType` | `1` | `GC.Spread.Sheets.CellTypes.ComboBox` | 스타일에 셀 타입을 두 개 이상 추가하면, 마지막에 추가한 셀 타입이 이전 셀 타입들을 덮어씁니다. |
| HyperLinkCellType | `style.cellType` | `1` | `GC.Spread.Sheets.CellTypes.HyperLink` | 스타일에 셀 타입을 두 개 이상 추가하면, 마지막에 추가한 셀 타입이 이전 셀 타입들을 덮어씁니다. |
| TextCellType | `style.cellType` | `1` | `GC.Spread.Sheets.CellTypes.Text` | 스타일에 셀 타입을 두 개 이상 추가하면, 마지막에 추가한 셀 타입이 이전 셀 타입들을 덮어씁니다. |

다음 예제는 style 요소를 사용합니다.

```HTML
<gc-spread-sheets id="ss" style="width:100%;height:500px;border:1px solid gray">
    <worksheets>
        <worksheet>
            <columns>
                <column>
                    <default-style formatter="#,##0.00">
                        <number-validator comparisonoperator="GreaterThan" value1="0"></number-validator>
                    </default-style>
                </column>
                <column>
                    <default-style>
                        <list-validator list="Japan,Germany,UK,Italy,US"></list-validator>
                    </default-style>
                </column>
                <column>
                    <default-style>
                        <button-cell-type text="click me"></button-cell-type>
                    </default-style>
                </column>
            </columns>
        </worksheet>
    </worksheets>
</gc-spread-sheets>
```