GC.Spread.Sheets.Style

クラス: Style

Spread.Sheets.Style

コンストラクタ

constructor

プロパティ

メソッド

clone

コンストラクタ

constructor

• new Style(backColor?, foreColor?, hAlign?, vAlign?, font?, themeFont?, formatter?, borderLeft?, borderTop?, borderRight?, borderBottom?, locked?, textIndent?, wordWrap?, shrinkToFit?, backgroundImage?, cellType?, backgroundImageLayout?, tabStop?, textDecoration?, imeMode?, name?, parentName?, watermark?, cellPadding?, labelOptions?, diagonalDown?, diagonalUp?, isVerticalText?, textOrientation?, applyFont?, applyFill?, applyAlignment?, applyBorder?, applyProtection?, applyNumberFormat?)

セル、行、列のスタイルを表します。

実例

// 次のサンプルコードは、ルールのあるスタイルを適用します。
activeSheet.setArray(0,0,[1,2,3,4,5,6,7,8,9,10]);
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.foreColor = "black";
var cell = new GC.Spread.Sheets.ConditionalFormatting.NormalConditionRule();
cell.ruleType(GC.Spread.Sheets.ConditionalFormatting.RuleType.cellValueRule);
cell.operator(GC.Spread.Sheets.ConditionalFormatting.ComparisonOperators.greaterThan);
cell.value1(5);
cell.ranges([new GC.Spread.Sheets.Range(0, 0, 10, 1)]);
cell.style(style);
activeSheet.conditionalFormats.addRule(cell);
var style1 = new GC.Spread.Sheets.Style();
style1.foreColor = "red";
var top = new GC.Spread.Sheets.ConditionalFormatting.NormalConditionRule();
top.ruleType(GC.Spread.Sheets.ConditionalFormatting.RuleType.top10Rule);
top.type(GC.Spread.Sheets.ConditionalFormatting.Top10ConditionType.top);
top.rank(3);
top.style(style1);
top.ranges([new GC.Spread.Sheets.Range(0, 0, 10, 1)]);
top.stopIfTrue(true);
activeSheet.conditionalFormats.addRule(top);

実例

// 次のサンプルコードは、スタイルのパラメーターを作成および設定します。
sheet.setValue(0,0, 1,3);
sheet.setValue(1,0, 50,3);
sheet.setValue(2,0, 100,3);
sheet.setValue(3,0, 2,3);
sheet.setValue(4,0, 60,3);
sheet.setValue(5,0, 90,3);
sheet.setValue(6,0, 3,3);
sheet.setValue(7,0, 40,3);
sheet.setValue(8,0, 70,3);
sheet.setValue(9,0, 5,3);
sheet.setValue(10,0, 35,3);
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.borderLeft =new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderTop = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderRight = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderBottom =  new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
sheet.conditionalFormats.addAverageRule(GC.Spread.Sheets.ConditionalFormatting.AverageConditionType.above, style, [new GC.Spread.Sheets.Range(0, 0, 10, 3)]);

パラメータ

名前	型	説明
`backColor?`	`string` \| `IGradientFill` \| `IGradientPathFill` \| `IPatternFill`	背景色。
`foreColor?`	`string`	前景色。
`hAlign?`	`HorizontalAlign`	水平方向の配置。
`vAlign?`	`VerticalAlign`	垂直方向の配置。
`font?`	`string`	フォント。
`themeFont?`	`string`	フォントテーマ。
`formatter?`	`string` \| `GeneralFormatter`	書式設定オブジェクト。
`borderLeft?`	`LineBorder`	左罫線。
`borderTop?`	`LineBorder`	上罫線。
`borderRight?`	`LineBorder`	右罫線。
`borderBottom?`	`LineBorder`	下罫線。
`locked?`	`boolean`	セル、行、または列がロックされているかどうか。
`textIndent?`	`number`	テキストインデントの量。
`wordWrap?`	`boolean`	単一セルまたは複数セル内でワードラップするかどうか。
`shrinkToFit?`	`boolean`	単一セルまたは複数セルに全体が収まるように内容を縮小するかどうか。
`backgroundImage?`	`string`	表示する背景画像。
`cellType?`	`Base`	セル型。
`backgroundImageLayout?`	`ImageLayout`	背景画像のレイアウト。
`tabStop?`	`boolean`	ユーザーが［Tab］キーを使用してセルにフォーカスを設定できるかどうか。
`textDecoration?`	`TextDecorationType`	テキストに追加される装飾を指定します。
`imeMode?`	`ImeMode`	IMEモードを指定します。
`name?`	`string`	名前を指定します。
`parentName?`	`string`	親スタイルの名前を指定します。
`watermark?`	`string`	透かしの内容を指定します。
`cellPadding?`	`string`	セルのパディングを指定します。
`labelOptions?`	`ILabelOptions`	セルラベルのオプションを指定します。
`diagonalDown?`	`LineBorder`	LeftTopからbottomRightへの斜め罫線。
`diagonalUp?`	`LineBorder`	topRightからbottomLeftへの斜め罫線。
`isVerticalText?`	`boolean`	セルのテキストを垂直方向に設定するかどうか。
`textOrientation?`	`number`	テキストの回転角度。
`applyFont?`	`boolean`	-
`applyFill?`	`boolean`	-
`applyAlignment?`	`boolean`	-
`applyBorder?`	`boolean`	-
`applyProtection?`	`boolean`	-
`applyNumberFormat?`	`boolean`	-

プロパティ

applyAlignment

• applyAlignment: boolean

namedStyleでのみ機能します。配置の書式が適用されているかどうかを示すブール値。

実例

//次のサンプルコードは、namedStyleのapplyAlignmentプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.name = 'test';
style.applyAlignment = false;
spread.addNamedStyle(style);

applyBorder

• applyBorder: boolean

namedStyleでのみ機能します。罫線の書式が適用されているかどうかを示すブール値。

実例

// 次のサンプルコードは、namedStyleのapplyBorderプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.name = 'test';
style.applyBorder = false;
spread.addNamedStyle(style);

applyFill

• applyFill: boolean

namedStyleでのみ機能します。塗りつぶしの書式が適用されているかどうかを示すブール値。

実例

// 次のサンプルコードは、namedStyleのapplyFillプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.name = 'test';
style.applyFill = false;
spread.addNamedStyle(style);

applyFont

• applyFont: boolean

namedStyleでのみ機能します。フォントの書式が適用されているかどうかを示すブール値。

実例

// 次のサンプルコードは、namedStyleのapplyFontプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.name = 'test';
style.applyFont = false;
spread.addNamedStyle(style);

applyNumberFormat

• applyNumberFormat: boolean

namedStyleでのみ機能します。数値の書式が適用されているかどうかを示すブール値。

実例

// 次のサンプルコードは、namedStyleのapplyNumberFormatプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.name = 'test';
style.applyNumberFormat = false;
spread.addNamedStyle(style);

applyProtection

• applyProtection: boolean

namedStyleでのみ機能します。保護の書式が適用されているかどうかを示すブール値。

実例

// 次のサンプルコードは、namedStyleのapplyProtectionプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.name = 'test';
style.applyProtection = false;
spread.addNamedStyle(style);

backColor

• backColor: undefined | string | IGradientFill | IGradientPathFill | IPatternFill

背景色を示します。

実例

// 次のサンプルコードは、スタイルのbackColorプロパティを設定します。
activeSheet.setArray(0,0,[1,2,3,4,5,6,7,8,9,10]);
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.foreColor = "black";
var cell = new GC.Spread.Sheets.ConditionalFormatting.NormalConditionRule();
cell.ruleType(GC.Spread.Sheets.ConditionalFormatting.RuleType.cellValueRule);
cell.operator(GC.Spread.Sheets.ConditionalFormatting.ComparisonOperators.greaterThan);
cell.value1(5);
cell.ranges([new GC.Spread.Sheets.Range(0, 0, 10, 1)]);
cell.style(style);
activeSheet.conditionalFormats.addRule(cell);
var style1 = new GC.Spread.Sheets.Style();
style1.foreColor = "red";
var top = new GC.Spread.Sheets.ConditionalFormatting.NormalConditionRule();
top.ruleType(GC.Spread.Sheets.ConditionalFormatting.RuleType.top10Rule);
top.type(GC.Spread.Sheets.ConditionalFormatting.Top10ConditionType.top);
top.rank(3);
top.style(style1);
top.ranges([new GC.Spread.Sheets.Range(0, 0, 10, 1)]);
top.stopIfTrue(true);
activeSheet.conditionalFormats.addRule(top);

backgroundImage

• backgroundImage: undefined | string

背景画像を示します。

実例

// 次のサンプルコードは、backgroundImageプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.backColor = "lightgreen";
style.backgroundImage = "./css/images/quarter1.png";
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

backgroundImageLayout

• backgroundImageLayout: undefined | ImageLayout

背景画像のレイアウトを示します。

実例

// 次のサンプルコードは、backgroundImageLayoutプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.backColor = "lightgreen";
style.backgroundImage = "./css/images/quarter1.png";
style.backgroundImageLayout  = GC.Spread.Sheets.ImageLayout.center;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

borderBottom

• borderBottom: undefined | LineBorder

下罫線を示します。

実例

// 次のサンプルコードは、罫線を作成します。
var cellType = new GC.Spread.Sheets.CellTypes.Button();
cellType.buttonBackColor("#FFFF00");
cellType.text("this is a button");
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.borderLeft =new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderTop = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderRight = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderBottom = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.cellType = cellType
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

borderLeft

• borderLeft: undefined | LineBorder

左罫線を示します。

実例

// 次のサンプルコードは、罫線を作成します。
var cellType = new GC.Spread.Sheets.CellTypes.Button();
cellType.buttonBackColor("#FFFF00");
cellType.text("this is a button");
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.borderLeft =new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderTop = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderRight = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderBottom = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.cellType = cellType
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

borderRight

• borderRight: undefined | LineBorder

右罫線を示します。

実例

// 次のサンプルコードは、罫線を作成します。
var cellType = new GC.Spread.Sheets.CellTypes.Button();
cellType.buttonBackColor("#FFFF00");
cellType.text("this is a button");
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.borderLeft =new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderTop = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderRight = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderBottom = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.cellType = cellType
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

borderTop

• borderTop: undefined | LineBorder

上罫線を示します。

実例

// 次のサンプルコードは、罫線を作成します。
var cellType = new GC.Spread.Sheets.CellTypes.Button();
cellType.buttonBackColor("#FFFF00");
cellType.text("this is a button");
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.borderLeft =new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderTop = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderRight = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderBottom = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.cellType = cellType
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

cellButtons

• cellButtons: undefined | ICellButton[]

セルのセルボタンを示します。

プロパティ [caption] - 表示するボタンのテキストを指定します。

プロパティ [captionAlign] - 画像とキャプションの位置を指定します。

プロパティ [position] - セル内でボタンの位置を指定します。

プロパティ [enabled] - セルボタンがユーザーアクションに応答するかどうかを指定します。デフォルト値はtrueです。

プロパティ [useButtonStyle] - セルのボタンがボタンスタイルであるかどうかを指定します。デフォルト値はfalseです。

プロパティ [width] - ボタンの幅を指定します。 nullまたは未定義に設定されている場合、ボタンの幅はキャプションと画像サイズに基づいて自動調整されます。

プロパティ [visibility] - ボタンは、選択時、編集時に常に表示できることを指定します。デフォルト値はalwaysにです。

プロパティ {string | function} [command] - ボタンをクリックすると、ユーザーがSpreadコマンドを実行できるようにするか、ユーザーがコールバックを実行できるようにします。

プロパティ [imageType] - ボタン型（ボタンに表示する画像の種類）を指定します。セルボタンに事前定義されたタイプを提供し、カスタムでアイコンを指定できます。

プロパティ [imageSrc] - imageTypeがカスタムの場合、imageSrcで画像（base64）を指定できます。

プロパティ [imageSize] - 画像のサイズを指定します。デフォルト値は16pxです。

プロパティ [imageSize.width] - 画像の幅を指定します。デフォルト値は16pxです。

プロパティ [imageSize.height] - 画像の高さを指定します。デフォルト値は16pxです。

プロパティ [hoverBackColor] - ボタンが表示されて有効になっているときのセルボタン上時のホバー背景色を指定します。

プロパティ [buttonBackColor] - ボタンが有効になっているときのセルボタンの背景色を指定します。

実例

buttonConfig1 = {
    caption: "left",
    enabled: true,
    buttonBackColor: "#174EA6",
    visibility:GC.Spread.Sheets.ButtonVisibility.always,
};
buttonConfig2 = {
    caption: "left",
    enabled: true,
    hoverBackColor: "#3390FF",
    visibility:GC.Spread.Sheets.ButtonVisibility.onSelected,
};
buttonConfig3 = {
    caption: "Cut",
    imageType: GC.Spread.Sheets.ButtonImageType.custom,
    useButtonStyle: true,
    imageSrc:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvb...", //This is not a complete base64 string
};
// スタイルを作成します。
var style = new GC.Spread.Sheets.Style();
style.cellButtons=[
     buttonConfig1,
     buttonConfig2,
     buttonConfig3
];
sheet.setStyle(0, 0, style);

cellPadding

• cellPadding: undefined | string

セルのパディングを示します。

実例

// 次のサンプルコードは、透かし用のセルパディングを設定します。
var type = new GC.Spread.Sheets.Style();
type.watermark = "User name";
type.cellPadding = "20";
type.labelOptions = {alignment:GC.Spread.Sheets.LabelAlignment.topLeft, visibility: GC.Spread.Sheets.LabelVisibility.visible};
activeSheet.setStyle(0, 1, type);
activeSheet.getRange(0, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).height(60);
activeSheet.getRange(-1, 1, -1, 1).width(150);
var combo = new GC.Spread.Sheets.CellTypes.ComboBox();
combo.items([{ text: "Oranges", value: "11k" }, { text: "Apples", value: "15k" }, { text: "Grape", value: "100k" }]);
combo.editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.text);
activeSheet.setCellType(2, 1, combo, GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(2, 1, GC.Spread.Sheets.SheetArea.viewport).watermark("ComboBox Cell Type").cellPadding('10 10 20 10');
activeSheet.getCell(2, 1, GC.Spread.Sheets.SheetArea.viewport).labelOptions({alignment: GC.Spread.Sheets.LabelAlignment.bottomCenter, foreColor: 'yellowgreen', font: 'bold 15px Arial'});
activeSheet.getRange(2, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).height(60);

cellType

• cellType: undefined | Base

セル型を示します。

実例

// 次のサンプルコードは、スタイルを作成してセルに適用します。
var cellType = new GC.Spread.Sheets.CellTypes.Button();
cellType.buttonBackColor("#FFFF00");
cellType.text("this is a button");
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.borderLeft =new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderTop = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderRight = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderBottom = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.cellType = cellType
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

decoration

• decoration: IDecoration

セルをより適切に表現するために、セルのデコレーターを定義します。

実例

// 次のサンプルコードは、スタイルのdecorationプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.decoration = {
    cornerFold: {
       size: 6,
       position: GC.Spread.Sheets.CornerPosition.leftTop,
       color: "red"
    }
}

diagonalDown

• diagonalDown: undefined | LineBorder

diagonalDown罫線を指定します。

実例

activeSheet.getRange(-1, 3, -1, 1, GC.Spread.Sheets.SheetArea.viewport).diagonalDown(new GC.Spread.Sheets.LineBorder("blue", GC.Spread.Sheets.LineStyle.mediumDashed));

diagonalUp

• diagonalUp: undefined | LineBorder

diagonalUp罫線を指定します。

実例

activeSheet.getRange(-1, 3, -1, 1, GC.Spread.Sheets.SheetArea.viewport).diagonalUp(new GC.Spread.Sheets.LineBorder("blue", GC.Spread.Sheets.LineStyle.mediumDashed));

dropDowns

• dropDowns: undefined | IDropdown[]

セルのドロップダウンの種類を示します。

実例

leftButtonConfig1 = {
    caption: "left",
    enabled: true,
    isLeft: true,
    visibility:GC.Spread.Sheets.ButtonVisibility.always,
    command: "opendropdown"
}
// スタイルを作成します。
var style = new GC.Spread.Sheets.Style();
style.cellButtons=[
     leftButtonConfig1
];
style.dropDowns= [{ type: "colorPicker" }];
sheet.setStyle(0, 0, style);

font

• font: undefined | string

フォントを示します。

実例

// 次のサンプルコードは、fontプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.font = "8pt Arial";
style.hAlign = GC.Spread.Sheets.HorizontalAlign.center;
style.vAlign = GC.Spread.Sheets.VerticalAlign.center;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).value("B2");

foreColor

• foreColor: undefined | string

前景色を示します。

実例

//　次のサンプルコードは、foreColorプロパティを設定します。
activeSheet.setArray(0,0,[1,2,3,4,5,6,7,8,9,10]);
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.foreColor = "black";
var cell = new GC.Spread.Sheets.ConditionalFormatting.NormalConditionRule();
cell.ruleType(GC.Spread.Sheets.ConditionalFormatting.RuleType.cellValueRule);
cell.operator(GC.Spread.Sheets.ConditionalFormatting.ComparisonOperators.greaterThan);
cell.value1(5);
cell.ranges([new GC.Spread.Sheets.Range(0, 0, 10, 1)]);
cell.style(style);
activeSheet.conditionalFormats.addRule(cell);
var style1 = new GC.Spread.Sheets.Style();
style1.foreColor = "red";
var top = new GC.Spread.Sheets.ConditionalFormatting.NormalConditionRule();
top.ruleType(GC.Spread.Sheets.ConditionalFormatting.RuleType.top10Rule);
top.type(GC.Spread.Sheets.ConditionalFormatting.Top10ConditionType.top);
top.rank(3);
top.style(style1);
top.ranges([new GC.Spread.Sheets.Range(0, 0, 10, 1)]);
top.stopIfTrue(true);
activeSheet.conditionalFormats.addRule(top);

formatter

• formatter: undefined | string | GeneralFormatter

フォーマッターを示します。

実例

//　次のサンプルコードは、formatterプロパティを使用します。
var style = new GC.Spread.Sheets.Style();
style.formatter = "0.000%";
style.themeFont = "Body";
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).value("11");

hAlign

• hAlign: undefined | HorizontalAlign

水平方向の配置を示します。

実例

//　次のサンプルコードは、hAlignプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.font = "8pt Arial";
style.hAlign = GC.Spread.Sheets.HorizontalAlign.center;
style.vAlign = GC.Spread.Sheets.VerticalAlign.center;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).value("B2");

imeMode

• imeMode: undefined | ImeMode

IME（入力メソッドエディタ）モードを示します。

実例

//次のサンプルコードは、IMEモードを設定します。
var style = new GC.Spread.Sheets.Style();
style.imeMode = GC.Spread.Sheets.ImeMode.auto;
activeSheet.setStyle(0, 0, style);

isVerticalText

• isVerticalText: undefined | boolean

テキストを垂直に設定するかどうかを指定します。

実例

//　次のサンプルコードは、rotateプロパティを使用します。
var style = new GC.Spread.Sheets.Style();
style.isVerticalText = true;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

labelOptions

• labelOptions: undefined | ILabelOptions

セルラベルのオプションを示します。

プロパティ [alignment] - セルラベルの位置。

プロパティ [visibility] - セルラベルの表示設定。

プロパティ [font] - セルラベルのフォント。

プロパティ [foreColor] - セルラベルの前景色。

プロパティ [margin] - セルラベルの余白。

実例

//次のサンプルコードは、ウォーターマーク用のラベルオプションを設定します。
var type = new GC.Spread.Sheets.Style();
type.watermark = "User name";
type.cellPadding = "20";
type.labelOptions = {alignment:GC.Spread.Sheets.LabelAlignment.topLeft, visibility: GC.Spread.Sheets.LabelVisibility.visible};
activeSheet.setStyle(0, 1, type);
activeSheet.getRange(0, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).height(60);
activeSheet.getRange(-1, 1, -1, 1).width(150);
var combo = new GC.Spread.Sheets.CellTypes.ComboBox();
combo.items([{ text: "Oranges", value: "11k" }, { text: "Apples", value: "15k" }, { text: "Grape", value: "100k" }]);
combo.editorValueType(GC.Spread.Sheets.CellTypes.EditorValueType.text);
activeSheet.setCellType(2, 1, combo, GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(2, 1, GC.Spread.Sheets.SheetArea.viewport).watermark("ComboBox Cell Type").cellPadding('10 10 20 10');
activeSheet.getCell(2, 1, GC.Spread.Sheets.SheetArea.viewport).labelOptions({alignment: GC.Spread.Sheets.LabelAlignment.bottomCenter, foreColor: 'yellowgreen', font: 'bold 15px Arial'});
activeSheet.getRange(2, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).height(60);

locked

• locked: undefined | boolean

セルが編集できないようにロックされているかどうかを示します。

実例

// 次のサンプルコードは、1つのセルをロック解除します。
activeSheet.options.isProtected = true;
var style = new GC.Spread.Sheets.Style();
style.backColor = "red";
style.borderLeft =new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderTop = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderRight = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.borderBottom = new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.medium);
style.locked = false;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

name

• name: undefined | string

名前を示します。

実例

// 次のサンプルコードは、スタイル名を設定します。
var namedStyle = new GC.Spread.Sheets.Style();
namedStyle.name = "style1";
namedStyle.backColor = "green";
activeSheet.addNamedStyle(namedStyle);
activeSheet.setStyleName(1, 1, "style1"); // cell(1,1) の backColor は緑です。
var namedStyle1 = new GC.Spread.Sheets.Style();
namedStyle1.name = "style2";
namedStyle1.parentName = "style1";
namedStyle1.foreColor = "red";    // このnamedStyleのforeColorは赤です。
activeSheet.addNamedStyle(namedStyle1);
activeSheet.setStyleName(2, 1, "style2");

parentName

• parentName: undefined | string

親スタイルの名前を示します。

実例

// 次のサンプルコードは、親名を設定します。
var namedStyle = new GC.Spread.Sheets.Style();
namedStyle.name = "style1";
namedStyle.backColor = "green";
activeSheet.addNamedStyle(namedStyle);
activeSheet.setStyleName(1, 1, "style1"); // cell(1,1) の backColor は緑です。
var namedStyle1 = new GC.Spread.Sheets.Style();
namedStyle1.name = "style2";
namedStyle1.parentName = "style1";
namedStyle1.foreColor = "red";    // このnamedStyleのforeColorは赤です。
activeSheet.addNamedStyle(namedStyle1);
activeSheet.setStyleName(2, 1, "style2");

showEllipsis

• showEllipsis: undefined | boolean

テキストがオーバーフローする場合に省略記号（...）が表示されるかどうかを制御します。

実例

//　次のサンプルコードは、showEllipsisプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.showEllipsis = true;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).text("TestTestTestTest");

shrinkToFit

• shrinkToFit: undefined | boolean

全体が収まるように縮小するかどうかを示します。

実例

//　次のサンプルコードは、shrinkToFitプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.shrinkToFit = true;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).text("Shrink To Fit");

tabStop

• tabStop: undefined | boolean

ユーザーが［Tab］キーを使用してセルにフォーカスを設定できるかどうかを示します。

実例

//　次のサンプルコードは、tabStopプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.tabStop = false;
style.backColor = "lightgreen";
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

textDecoration

• textDecoration: undefined | TextDecorationType

テキストに追加される装飾を示します。

実例

//　次のサンプルコードは、textDecorationプロパティを使用します。
activeSheet.getCell(0, 0).textDecoration(GC.Spread.Sheets.TextDecorationType.underline);
activeSheet.getRange(1, -1, 1, -1).textDecoration(GC.Spread.Sheets.TextDecorationType.overline | GC.Spread.Sheets.TextDecorationType.underline);
activeSheet.getRange(-1, 1, -1, 1).textDecoration(GC.Spread.Sheets.TextDecorationType.overline | GC.Spread.Sheets.TextDecorationType.lineThrough | GC.Spread.Sheets.TextDecorationType.underline);
var style = new GC.Spread.Sheets.Style();
style.textDecoration = GC.Spread.Sheets.TextDecorationType.overline | GC.Spread.Sheets.TextDecorationType.underline;
activeSheet.setStyle(1, 1, style, GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(0, 0).value("Test");
activeSheet.getCell(1, 0).value("Test");
activeSheet.getCell(0, 1).value("Test");

textIndent

• textIndent: undefined | number

セル内のテキストのインデント量を表す単位数（整数値）を示します。1単位は8ピクセルを表します。

実例

//　次のサンプルコードは、textIndentプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.textIndent = 3;
// ［Alt］+［Enter］を使用して複数行を入力します。
style.wordWrap = true;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).text("Test");

textOrientation

• textOrientation: undefined | number

セルのテキスト回転角度を示します。

実例

//　次のサンプルコードは、textOrientationプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.textOrientation = 66;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).text("TestTestTestTest");

themeFont

• themeFont: undefined | string

フォントテーマを示します。

実例

//　次のサンプルコードは、themeFontプロパティを使用します。
var style = new GC.Spread.Sheets.Style();
style.formatter = "0.000%";
style.themeFont = "Body";
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).value("11");

vAlign

• vAlign: undefined | VerticalAlign

垂直方向の配置を示します。

実例

//　次のサンプルコードは、vAlignプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.font = "8pt Arial";
style.hAlign = GC.Spread.Sheets.HorizontalAlign.center;
style.vAlign = GC.Spread.Sheets.VerticalAlign.center;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).value("B2");

watermark

• watermark: undefined | string

透かしの内容を示します。

実例

// 次のサンプルコードは、セル、列、および行に透かしを追加します。
var type = new GC.Spread.Sheets.Style();
type.watermark = "User name";
sheet.setStyle(0, 1, type);
var type = new GC.Spread.Sheets.Style();
type.watermark = "Password";
sheet.setStyle(1, 1, type);

実例

var type = new GC.Spread.Sheets.Style();
type.watermark = "The watermark.";
activeSheet.setStyle(-1, 1, type);
activeSheet.setStyle(1, -1, type);
activeSheet.setStyle(2, 2, type);

wordWrap

• wordWrap: undefined | boolean

テキストを折り返すかどうかを示します。

実例

//　次のサンプルコードは、wordWrapプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.textIndent = 3;
// ［Alt］+［Enter］を使用して複数行を入力します。
style.wordWrap = true;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(1,1).text("Test");

メソッド

clone

▸ clone(): Style

現在のスタイルをクローンします。

戻り値

Style

クローンされたスタイル。

GC.Spread.Sheets.Style

クラス: Style

Table of contents

コンストラクタ

プロパティ

メソッド

コンストラクタ

constructor

パラメータ

プロパティ

applyAlignment

applyBorder

applyFill

applyFont

applyNumberFormat

applyProtection

backColor

backgroundImage

backgroundImageLayout

borderBottom

borderLeft

borderRight

borderTop

cellButtons

cellPadding

cellType

decoration

diagonalDown

diagonalUp

dropDowns

font

foreColor

formatter

hAlign

imeMode

isVerticalText

labelOptions

locked

name

parentName

showEllipsis

shrinkToFit

tabStop

textDecoration

textIndent

textOrientation

themeFont

vAlign

watermark

wordWrap

メソッド

clone

戻り値