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(デフォルト)で設定出来る。

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

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

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

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

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