次の表は、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 | 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。 |
| CheckBoxCellType | style.cellType | 1 | GC.Spread.Sheets.CellTypes.CheckBox | 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。 |
| ComboBoxCellType | style.cellType | 1 | GC.Spread.Sheets.CellTypes.ComboBox | 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。 |
| HyperLinkCellType | style.cellType | 1 | GC.Spread.Sheets.CellTypes.HyperLink | 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。 |
| TextCellType | style.cellType | 1 | GC.Spread.Sheets.CellTypes.Text | 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。 |
次のサンプルコードは、style要素を使用します。
<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>