ReoGrid ReoGrid Web
cell-styles font color border lite

セルスタイル

フォント、色、背景、テキスト配置、罫線 — Cell Style API のショーケース。

デモの解説

このデモは ReoGrid のセルスタイル API の総合リファレンスです。各行でフォント・色・背景・配置・罫線の異なる組み合わせを確認できます。

  • フォントスタイル:太字・斜体・下線・取り消し線・フォントファミリー・サイズ
  • 色:テキスト色・背景色(16進数文字列または名前指定)
  • 配置:水平(左・中央・右)と垂直(上・中央・下)を独立して設定
  • 罫線:上・右・下・左・全方向 — 太さと色を個別に指定可能
  • スタイルはセル・範囲・行・列単位で適用可能

主要 API

ws.cell(row, col).setStyle(style)

フォント・色・背景・配置・罫線プロパティを持つスタイルオブジェクトを1セルに適用

ws.range(ref).setStyle(style)

範囲内の全セルにスタイルを適用(例:'A1:D5')

ws.row(index).setStyle(style)

行全体の全セルにスタイルを適用

ws.range(ref).border(options)

セル範囲に罫線スタイル(位置・太さ・色)を設定

関連ドキュメント

関連デモ

ニュースレター

開発の最新情報をお届けします

新しいリリース・機能追加・お知らせをいち早く受け取るには、
メーリングリストにご登録ください。