---
sourceDocument: オーストラリア 従業員サービス管理 (ESM)
sourceDocumentLink: https://www.servicenow.com/docs/r/ja-JP/employee-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリア 従業員サービス管理 (ESM)

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# リッチコンテンツエディターでの分割線の追加

# リッチコンテンツエディターでの分割線の追加 {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2025年07月31日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

キャンバスに水平分割線を追加して、要素を視覚的に分離したり、重要なセクションを強調表示したりします。

## 始める前に

必要なロール：sn_cd.content_manager

\[新規コンテンツ\] フォームのフィールドに入力します。「[リッチコンテンツの作成](https://www.servicenow.com/docs/fSx_n4cyEZ1eKqEaej2tog "リッチコンテンツエディターを使用すると、使いやすい Web スタイルのツールで長い形式のコンテンツをビルドできます。")」を参照してください。  
モジュールまたは列を使用してページレイアウトを作成します。

* モジュールは、ヘッダー、パラグラフテキスト、および画像で構成される事前定義されたコンテンツレイアウトです。「[リッチコンテンツエディターを使用した事前定義されたコンテンツレイアウトの追加](https://www.servicenow.com/docs/ru~RL3FwbFUOv1F4T9_kcQ "モジュールを使用すると、ヘッダー、パラグラフテキスト、および画像を含む新しいコンテンツレイアウトを簡単に追加できます。縦向きのカード 3 枚、横向きのカード 3 枚で構成されるレイアウト、またはテキストブロックの右側に画像が配置された並列構成から選択します。")」を参照してください。
* 列は、カスタムレイアウトを定義できるコンテナです。「[リッチコンテンツエディターでの列の追加](https://www.servicenow.com/docs/1yu4ksDvU_t4qc7RTBS1Zg "リッチコンテンツエディターのキャンバスを使用して、ページのレイアウトの定義と整理に役立つ列を作成します。")」を参照してください。
{#ec-rich-content-divider__ul_jzv_qft_wxb}

## 手順

1. \[新しいコンテンツ\] フォームの \[デザイン\] タブから \[エディターを開く\] ボタンを選択して、キャンバスに移動します。
2. リッチコンテンツエディターのキャンバスから、ドラッグアンドドロップ方式で分割線を追加できます。  
3. \[設定\] タブに移動します。
4. 次のいずれかのスタイリング設定を使用します。  
   {#ec-rich-content-divider__table_zx2_tgw_jyb__entry__2}

   | 設定フィールド | 説明 |
   |-|-|
   | スタイリング ||
   | 背景色 | カラーピッカー (灰色の正方形) を使用して色を選択するか、表示する背景色を表すカラーコードを入力します。 すべての HTML カラーがサポートされています。詳細については、「[HTML カラー名](https://htmlcolorcodes.com/color-picker/)」を参照してください。 |
   | 詳細なスタイリング ||
   | 幅 | 数値を入力して値を指定します。 測定単位を選択します。 * px：ピクセル * %：パーセンテージ {#ec-rich-content-divider__ul_z1t_33z_z5b} |
   | 高さ | 数値を入力して値を指定します。 測定単位を選択します。 * px：ピクセル * %：パーセンテージ {#ec-rich-content-divider__ul_dkg_mhw_jyb} |
   | マージン | マージンは、分割線と別の要素/キャンバス境界の間のスペースです。数値を入力して、上、下、右、または左のパディングの値を指定します。 |
   | プロパティ ||
   | ID | HTML 要素を識別する一意の ID。 |
   | タイトル | ユーザーがコンポーネントにカーソルを合わせると表示されるツールヒントまたは情報。 |
   [表 : 1. スタイリング設定]

   {#ec-rich-content-divider__table_zx2_tgw_jyb}
5. \[保存\] または、\[保存して終了\] を選択します。  
   \[保存\] を選択するとコンテンツが保存され、リッチコンテンツエディターのキャンバスに留まります。\[保存して終了\] を選択すると、レコードが保存され、\[新規コンテンツ\] フォームに戻ります。

## 次のタスク

* (オプション) コンテンツを翻訳します。コンテンツの言語翻訳を要求します。詳細については、「[コンテンツライブラリでの多言語サポート](https://www.servicenow.com/docs/N~RC7uJiyuB2zag8GKEoBg "コンテンツライブラリには、コンテンツの翻訳 (コンテンツ翻訳ワークフロー) と言語の切り替え (インターフェイス言語の変更) という、多言語コンテンツを作成するための 2 つの機能が含まれています。")」を参照してください。{#ec-rich-content-divider__p_vtc_nfg_h1c}

  注:  
  コンテンツの変更が完了した後にのみ、コンテンツを翻訳してください。最良の結果を得るために、翻訳後にコンポーネントを追加または削除したり、書式設定を変更したりすることはお勧めしません。

  異なる言語で異なる書式設定のリッチコンテンツを作成するには、コンテンツを複製し、必要に応じて書式設定を変更します。次に、\[対象者\] を使用して、言語別にコンテンツの対象をユーザーに絞ります。「[対象者](https://www.servicenow.com/docs/lGuJn_2BkhjrUmlRUOly4w "対象者レコードを使用して、ポータルコンテンツおよびライフサイクルイベントアクティビティの対象者を特定の対象者に設定します。")」を参照してください。
* \[公開 (Publish)\] タブからコンテンツをプレビューします。  
  注:  
  コンテンツのプレビューは、コンテンツの表示に関する一般的なアイデアを提供するように設計されています。コンテンツの公開後は、デバイスの解像度、テーマの違い、モバイルアプリのスタイル構成の違いにより、見た目が異なる場合があります。
* 公開計画を構成して、コンテンツの配信先、対象者、利用可能期間を管理します：[コンテンツの公開計画の作成](https://www.servicenow.com/docs/Cs~n9kXv07WJYL9LO9fSbw "コンテンツライブラリにコンテンツを作成した後、1 つ以上の公開計画を追加して、コンテンツの配信先、対象者、およびコンテンツを利用できる期間を管理します。")
{#ec-rich-content-divider__ul_ogf_pv5_nyb}