クラス: Style

Spread.Sheets.Style

Table of contents

コンストラクタ

• constructor

プロパティ

• allowEditInCell
• applyAlignment
• applyBorder
• applyFill
• applyFont
• applyNumberFormat
• applyProtection
• backColor
• backgroundImage
• backgroundImageLayout
• borderBottom
• borderLeft
• borderRight
• borderTop
• cellButtons
• cellPadding
• cellType
• decoration
• diagonalDown
• diagonalUp
• dropDowns
• font
• fontFamily
• fontSize
• fontStyle
• fontWeight
• foreColor
• formatter
• hAlign
• hidden
• imeMode
• isVerticalText
• labelOptions
• locked
• mask
• name
• parentName
• showEllipsis
• shrinkToFit
• tabStop
• textDecoration
• textDirection
• textIndent
• textOrientation
• themeFont
• vAlign
• watermark
• wordWrap

メソッド

• clone

コンストラクタ

constructor

• new Style(backColor?, foreColor?, hAlign?, vAlign?, font?, themeFont?, formatter?, borderLeft?, borderTop?, borderRight?, borderBottom?, locked?, textIndent?, wordWrap?, showEllipsis?, shrinkToFit?, backgroundImage?, cellType?, backgroundImageLayout?, tabStop?, textDecoration?, imeMode?, name?, parentName?, watermark?, cellPadding?, labelOptions?, quotePrefix?, diagonalDown?, diagonalUp?, isVerticalText?, cellButtons?, dropdown?, textOrientation?, decoration?, mask?, fontStyle?, fontWeight?, fontSize?, fontFamily?, hidden?, textDirection?)

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

実例

// 次のサンプルコードは、ルールのあるスタイルを適用します。
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
showEllipsis?	boolean
shrinkToFit?	boolean
backgroundImage?	string
cellType?	Base
backgroundImageLayout?	ImageLayout
tabStop?	boolean
textDecoration?	TextDecorationType
imeMode?	ImeMode
name?	string
parentName?	string
watermark?	string
cellPadding?	string
labelOptions?	ILabelOptions
quotePrefix?	boolean
diagonalDown?	LineBorder
diagonalUp?	LineBorder
isVerticalText?	boolean
cellButtons?	ICellButton[]
dropdown?	IDropdown[]
textOrientation?	number
decoration?	TextDecorationType
mask?	IMaskType
fontStyle?	string
fontWeight?	string
fontSize?	string
fontFamily?	string
hidden?	boolean
textDirection?	TextDirectionType

プロパティ

allowEditInCell

• allowEditInCell: undefined | boolean

セルが編集モードに入ることができるかどうかを示します。

実例

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

---

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です。

プロパティ [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"
    },
    icons: [
         {
             src: './icon.png',
             width: 12,
             height: 12,
             position: GC.Spread.Sheets.IconPosition.left,
         }
    ]
}

---

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");

---

fontFamily

• fontFamily: undefined | string

フォントファミリーを示します。

実例

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

---

fontSize

• fontSize: undefined | string

フォントサイズを示します。

実例

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

---

fontStyle

• fontStyle: undefined | string

フォントのスタイルを示します。

実例

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

---

fontWeight

• fontWeight: undefined | string

フォントの太さを示します。

実例

// 次のサンプルコードは、fontWeight プロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.fontWeight = "bold";
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");

---

hidden

• hidden: undefined | boolean

シートが保護されているときにセルの数式が表示されるかどうかを示します。

実例

// 次のサンプルコードは、1つのセルを非表示にします。
activeSheet.options.isProtected = true;
activeSheet.setValue(1, 1, "=SUM(1,2)");
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.hidden = true;
activeSheet.setStyle(1,1,style,GC.Spread.Sheets.SheetArea.viewport);

---

imeMode

• imeMode: undefined | ImeMode

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

非推奨 このプロパティは IE（Internet Explorer）でのみ動作します。

実例

//次のサンプルコードは、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);

---

mask

• mask: undefined | IMaskType

入力マスクを示します。

実例

//　次のサンプルコードは、maskプロパティを使用します。
var style = new GC.Spread.Sheets.Style();
style.mask = {
    pattern: '000-00000',
    excludeLiteral: true,
    placeholder: '#'
};
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");

---

textDirection

• textDirection: undefined | TextDirectionType

セルをより適切に表現するために、セルのテキスト方向を定義します。

実例

// 次のサンプルコードは、スタイルのTextDirectionTypeプロパティを設定します。
var style = new GC.Spread.Sheets.Style();
style.textDirection = GC.Spread.Sheets.TextDirectionType.rightToLeft;

---

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

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