Google apps scriptでスプレッドシートのセルに罫線を作成して色を変える

Google apps scriptでスプレッドシートのセルに罫線を作成して色を変えるには

• setBorder(top, left, bottom, right, vertical, horizontal, color, style)

を使う。

・setBorder(top, left, bottom, right, vertical, horizontal, color, style)

borderプロパティをcolorまたはstyleで設定します。有効な値はtrue（on）、false（off）およびnull（no change）です。カラーの場合は、CSS記法で（’#ffffff’またはのように’white’）[ 色]を使用します。

参照：range#setBorder

Google apps scriptでスプレッドシートのセルに罫線を作成して色を変えるスクリプト

B2:D10のセル範囲を選択してrngに格納。

rng.setBorderで罫線を作成して色付け。

色付けを「red、blue、yellow、black」の4通りで作成してみた。

記法は　’#ffffff’　や　’white’　で指定できる。

/*四角罫線を作って色を付ける1*/
function keisen_iro1() {

//スプレッドシートAppを呼び出し
  var ss = SpreadsheetApp.getActiveSpreadsheet();
//アクティブシートを取得
  var sht = ss.getActiveSheet();
  
  //B2:D10をセル範囲として取得
  var rng = sht.getRange("B2:D10");
  
  //罫線を作って色付け
  //setBorder(top, left, bottom, right, vertical, horizontal, color, style)
  rng.setBorder(true, true, true, true, false, false, "red", null);
  
}

/*四角罫線を作って色を付ける2*/
function keisen_iro2() {

//スプレッドシートAppを呼び出し
  var ss = SpreadsheetApp.getActiveSpreadsheet();
//アクティブシートを取得
  var sht = ss.getActiveSheet();
  
  //B2:D10をセル範囲として取得
  var rng = sht.getRange("B2:D10");
  
  //罫線を作って色付け
  //setBorder(top, left, bottom, right, vertical, horizontal, color, style)
  rng.setBorder(true, null, true, null, false, false, "blue", null);
  
}


/*四角罫線を作って色を付ける3*/
function keisen_iro3() {

//スプレッドシートAppを呼び出し
  var ss = SpreadsheetApp.getActiveSpreadsheet();
//アクティブシートを取得
  var sht = ss.getActiveSheet();
  
  //B2:D10をセル範囲として取得
  var rng = sht.getRange("B2:D10");
  
  //罫線を作って色付け
  //setBorder(top, left, bottom, right, vertical, horizontal, color, style)
  rng.setBorder(true, null, true, true, false, false, "yellow", null);
  
}

/*四角罫線を作って色を付ける4*/
function keisen_iro4() {

//スプレッドシートAppを呼び出し
  var ss = SpreadsheetApp.getActiveSpreadsheet();
//アクティブシートを取得
  var sht = ss.getActiveSheet();
  
  //B2:D10をセル範囲として取得
  var rng = sht.getRange("B2:D10");
  
  //罫線を作って色付け
  //setBorder(top, left, bottom, right, vertical, horizontal, color, style)
  rng.setBorder(true, true, true, true, false, false, "black", null);
  
}

 

Google apps scriptでスプレッドシートのセルに罫線を作成して色を変えるsample

まとめ

範囲.setBorder(上、左、下、右、垂直、水平、カラー、線仕様）という感じで作成する。やっぱメソッド名が長いから補足で式を入れておくと便利。

値はtrue（on)、false(off)、null（デフォルト）で設定出来る。

罫線のスタイルを破線や点線に変えるならコチラ↓

＞＞スプレッドシートの罫線の太さやスタイルを変える

＞＞スプレッドシートのセルに罫線を作成する

＞＞スプレッドシートの複数文字に下線・打ち消し線をつける

＞＞スプレッドシートのセル位置を真ん中に配置する