> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# カスタムスタイル

> YiDA のカスタムページでスタイルをカスタマイズする方法を解説します。コンポーネントのスタイル設定から CSS コードによる詳細調整まで、ページの外観と視覚的なディテールを柔軟に調整する手順を紹介します。

システム開発において、スタイルの調整は避けて通れません。YiDA では、ページ向けに柔軟なカスタムスタイル機能を提供しています。

## 使い方

カスタムページでは、以下の 2 つの方法でスタイルを設定できます。

### ベーシックスタイル設定

YiDA では、レイアウト、テキスト、背景、シャドウ、ボーダーなどのベーシックスタイルをビジュアル操作で設定できる、汎用スタイル設定パネルを提供しています。スタイルパネルで設定を変更すると、その効果がビジュアル編集エリアへリアルタイムに反映されます。以下の例では、テキストコンポーネントの表示効果を変更する簡単な設定手順を示します。

### 手動コーディングモード

Hover や Active などの状態、`before` や `first-child` などの擬似クラスといった一部のスタイルは、スタイルパネルから直接設定できません。YiDA では、コンポーネントのスタイルを変更するための手動コーディングモードを提供しています。詳細は以下をご覧ください。