---
title: "スタイリングおよび高度なスタイリング設定"
slug: "styling-and-advanced-styling-settings"
abstract: "スタイリングオプションを持つコンポーネントの設定を説明します。"
---
# スタイリングおよび高度なスタイリング設定

> !注このトピックでは、以前にContent Editorで構築されたコンポーネントの設定方法を説明します。代わりにコンポーネントでプロトタイプされたコンポーネントについて知りたい場合は、[コンポーネント](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/prototyping-components.html "Prototyping components") ドキュメントをご覧ください。

ページビルダーでは、スタイリングセクションにコンポーネント内のコンテンツの見た目や使い心地に影響を与える最も一般的な設定が含まれています。 [利用可能な設定パラメータ](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/add-a-style-for-a-rendering.html) は選択したコンポーネントによって異なりますが、通常は以下のセクションが含まれます:

-   **スタイリング** - スペースやアライメントを設定でき、時にはレイアウトの部分にハイライトを追加できます。
-   **高度なスタイリング** - このセクションにはコンポーネント固有のスタイリングオプションが含まれており、さらにコンポーネント自体のレンダリングに影響を与えます。

![Screenshot of the configuration settings for Styling.](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/config_styling.png)