> 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-media-object.md).

# AX - メディアオブジェクト

## 概要

**AX - メディアオブジェクト** Experience Sites ページで、テキストコンテンツの横に画像、アイコン、またはアバターを水平レイアウトで表示する Experience Cloud コンポーネントです。

ユーザープロファイル、製品一覧、通知項目、または視覚要素と説明文を組み合わせたあらゆるコンテンツで、一貫したレイアウトを作成するために使用します。メディア要素はテキストコンテンツと整列したままになり、すっきりと見やすい形式になります。

ユーザーディレクトリ、製品カード、アクティビティフィード、リソース一覧、またはポータルで画像とテキストを構造化された繰り返し可能なレイアウトパターンで組み合わせる必要があるあらゆる場所に最適です。

{% hint style="danger" %}
このコンポーネントは [スロットを活用し](/experience-cloud/experience-cloud-ja/hajimeni/learning-the-basics.md#understanding-slots) 高度なカスタマイズが可能で、LWR サイトに最適です。Aura サイトでは、このレベルのカスタマイズはサポートされていません。
{% endhint %}

## プロパティ

| 名前         | 説明                                                     | 使用方法                                                                      |
| ---------- | ------------------------------------------------------ | ------------------------------------------------------------------------- |
| **インライン**  | このプロパティにより、メディアオブジェクトを他のコンテンツ要素と水平方向に配置できます。           | メディアを他のコンテンツとインラインで表示し、横方向の流れとスペースの有効活用を促進したい場合に、この設定を有効にします。             |
| **レスポンシブ** | メディアオブジェクトが、さまざまなデバイスサイズや画面解像度に柔軟に適応することを保証します。        | このプロパティを有効にすると、メディアオブジェクトが最適に表示され、さまざまなデバイスで鮮明さと比率が維持され、シームレスな表示体験が実現します。 |
| **垂直配置**   | このプロパティにより、メディアオブジェクトを他のコンテンツ要素に対して垂直方向に配置する方法を制御できます。 | 開始、中央、または終了の配置から選択して、メディアオブジェクトが隣接するコンテンツと完全に揃うようにし、視覚的に調和の取れた表示にします。     |
| **サイズ**    | メディアオブジェクトのサイズを調整して、全体のコンテンツレイアウトに自然に収まるようにします。        | 周囲のコンテンツを引き立てつつも目立ちすぎない適切なサイズをメディアオブジェクトに設定し、バランスの取れた魅力的なレイアウトを維持します。     |


---

# 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-media-object.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.