---
sourceDocument: Xanadu Now Platform の管理
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/platform-administration

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu Now Platform の管理

ft:clusterId :

    - platadm

bundleId :

    - platadm

workflow :

    - Platform


---

# フィールドスタイルを定義する

# フィールドスタイルを定義する {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

フィールドスタイルを使用すると、リストまたはフォーム内のフィールドの個々の CSS スタイルを宣言できます。

## 始める前に

必要なロール：personalize_styles または admin

## このタスクについて

CSS では、フィールドの次の属性を変更できます。

* 色を変更します。
* フォント属性 (太字、斜体、下線) を変更します。
* テキストのパディングと配置を変更します。
{#t_DefineFieldStyles__ul_u5n_qlz_qp}

フィールドスタイルは、フィールドスタイルと同じスコープ内にあるテーブルとデータベースビューに対して定義することも、フィールドスタイルと同じスコープ内に少なくとも 1 つのフィールドを持つ他のテーブルに対して定義することもできます。テーブルに定義されたフィールドスタイルは、そのテーブルを含むデータベースビューには適用されません。データベースビュー用に個別のフィールドスタイルを作成します。  
注:  
フィールドスタイルは、アクティビティフォーマッターで使用されるコメントと作業メモフィールドには適用されません。これらのフィールドの背景色は、sys_properties テーブルにある glide.ui.activity_stream.style.comments および glide.ui.activity_stream.style.work_notes システムプロパティを使用して設定できます。

## 手順

1. 次のいずれかの方法で、フィールドのスタイルのリストに移動します。
   * フォームでフィールドラベルを右クリックして、\[スタイルを構成\] を選択します。
   * 移動先 システム UIフィールドスタイルをクリックし、スタイルを適用するフィールドを見つけます (アドミンのみ)。
   {#t_DefineFieldStyles__choices_j3h_m1w_rt}
2. \[新規\] を選択するか、変更するスタイルを選択します。
3. フォームに入力します。  
   {#t_DefineFieldStyles__table_jzt_1mz_qp__entry__2}

   | フィールド | 説明 |
   |-|-|
   | テーブル | フィールドを含むテーブル。 注: リストには、フィールドスタイルのスコープ保護を満たすテーブルとデータベースビューのみが表示されます。 |
   | フィールド名 | スタイルを適用するフィールド。 |
   | 値 | スタイルを適用するために必要な正確な値、またはスクリプトに基づく条件。 注: この値は、フィールドが読み取り専用でない場合にのみ、リストフィールドのスタイルに影響します。フィールドが読み取り専用の場合、値はリストとフォームの両方に影響します。 フィールドスタイルをフォームにのみ適用するには、値フィールドを空のままにします。 |
   | スタイル | 適用する CSS スタイル。 たとえば、レコードリストの \[インシデントカテゴリ\] フィールドの背景を赤色にし、フォントサイズを 24 ピクセルにして、テキストの色を白にするには、次のコードを入力します。 background-color:red; font-size:24px; color:white; |
   [ ]

   {#t_DefineFieldStyles__table_jzt_1mz_qp}

   \[値\] フィールドで構文 `javascript:<![CDATA[<script>]]>` を含むスクリプトベースの条件を使用して、リスト内のフィールドにスタイルを適用するかどうかを決定できます。評価されたスクリプトが true を返す場合、システムはそのスタイルをリストアイテムに適用します。  
   スクリプトは current スクリプトオブジェクトにアクセスできます。これにより、現在のレコードのフィールド値に基づいて条件をビルドできます。たとえば、次のスクリプトは、フィールド値に基づいて期限切れのアイテムをチェックします。

        javascript:gs.dateDiff(gs.now(), current.u_datefield.getDisplayValue(), true) < 0

   注:  
   この例では、`current.u_datefield` はカスタム日付フィールドの名前を参照しています。  
   システムでは、\[値\] フィールドで 1 つの `javascript:<![CDATA[<script>]]>` エントリのみがサポートされます。複数の JavaScript 条件を入力する場合は、条件を 1 つのステートメントに統合します。たとえば、次のようなエントリは無効です。

       javascript: current.state == "Completed" javascript: current.error_tables > 0

   上記の代わりに条件を次のように 1 つのステートメントに統合します。

       javascript: current.state == "Completed" && current.error_tables > 0

4. **オプション:** スタイルの代替テキストを追加するには、代替テキストフィールドを追加するように[フォームを構成します](https://servicenow-prod.fluidtopics.net/j3ro5D_oGmhLm8YNHl20TQ#configure-form-layout "アドミニストレーターまたは personalize_form ロールを持つユーザーは、フォームと関連リストのレイアウトを構成できます。")。  
   VIP スタイルアイコンなどのスタイルの場合は、スクリーンリーダーでスタイルとテキストを区別できるように、代替テキストを追加できます。
5. \[送信\] または \[更新\] を選択します。