# グリッド線

- Human documentation: [https://docs.univer.ai/ja-JP/guides/sheets/features/core/gridlines](https://docs.univer.ai/ja-JP/guides/sheets/features/core/gridlines)

- Agent Markdown: [https://docs.univer.ai/ja-JP/guides/sheets/features/core/gridlines.md](https://docs.univer.ai/ja-JP/guides/sheets/features/core/gridlines.md)

- Requested language: `ja-JP`

- Content language: `ja-JP`

- Documentation version: `1.1.0`

- Source: [sheets/features/core/gridlines.ja-JP.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/sheets/features/core/gridlines.ja-JP.mdx)

---

グリッド線は、スプレッドシート上でセルの区切りを視覚的に判別するための要素で、データの閲覧および整理を容易にします。Univer では、グリッド線の表示／非表示を切り替える機能に加え、グリッド線の色を設定する機能を提供しています。

## Facade API

### グリッド線の表示可否を切り替える

```typescript
const fWorkSheet = univerAPI.getActiveWorkbook().getActiveSheet()

// グリッド線を非表示にする
fWorkSheet.setHiddenGridlines(true)

// グリッド線を表示する
fWorkSheet.setHiddenGridlines(false)
```

### 現在のグリッド線表示状態を取得する

```typescript
const fWorkSheet = univerAPI.getActiveWorkbook().getActiveSheet()

// グリッド線が非表示かどうかを確認
if (fWorkSheet.hasHiddenGridLines()) {
  console.log('Gridlines are hidden')
}
```

### グリッド線の色を設定する

```typescript
const fWorkSheet = univerAPI.getActiveWorkbook().getActiveSheet()

// グリッド線の色を赤 (#ff0000) に設定
fWorkSheet.setGridLinesColor('#ff0000')
console.log(fWorkSheet.getGridLinesColor()) // #ff0000
```