> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-separator.md).

# AX - 区切り線

## 概要

**AX - 区切り線** は、Experience Sites ページのコンテンツセクション間に視覚的な区切りを作成する Experience Cloud コンポーネントです。

これを使用して、コンポーネント間に水平線、スペース、または視覚的な区切りを追加し、ページの構成と読みやすさを向上させます。Experience Builder で、区切り線のスタイル、色、太さ、間隔を設定します。

フォームのセクションを分けたり、コンテンツブロックを区切ったり、長いページを整理したりするのに最適です。ポータルで異なるコンテンツ領域を明確に視覚的に分離したい場合に使用します。

## 設定

### プロパティ

**タイトル** は、区切り線の横に表示されて文脈や追加情報を提供し、区切り線で分けられるセクションにラベルを付けるテキストです。

**アイコン名** は、追加の視覚的な文脈を与えるために区切り線と一緒に表示されるアイコンを組み込みます。 **アイコンサイズ** は、デザインに合うようにアイコンのサイズを調整します。タイトルを補完したり、続くコンテンツを示したりする視覚的な手がかりとして役立ちます。

**コンテンツの配置** は、区切り線に対するタイトルとアイコンの配置を決定します。 **`先頭`**, **`末尾`**、または **`中央`**.

**向き** は、区切り線の向きを次のように設定します。 **`水平`** または **`垂直`**。これにより、左右比較や上下分割など、コンテンツの分け方に柔軟性が生まれます。

## スタイル

{% tabs %}
{% tab title="タイトル" %}
色、フォントサイズ、スタイル、太さのオプションを使って、タイトルの外観をカスタマイズします。タイトルが適切に目立ち、サイト全体のデザイン方針と一貫性を保てるようにスタイル設定します。
{% endtab %}

{% tab title="アイコン" %}
背景色、前景色、前景色の既定状態、角を丸くするためのアイコンの半径を使って、アイコンのスタイルを設定します。アイコンの見た目を微調整して、より目立たせたり控えめにしたりし、デザイン目標に合わせます。
{% endtab %}

{% tab title="ボーダー" %}
サイズ、色、スタイル（実線、破線、点線など）を設定して、区切り線のボーダーを定義します。ボーダー設定を調整して、強調された線からより繊細な区切りまで、コンテンツセクション間の望ましい差別化を作成します。
{% endtab %}
{% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-separator.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.