Style要素の使用

次の表は、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>