利用可能なCSSクラス
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
以下の表は、SXAがPagesエディタ体験で使用する利用可能なCSSクラスを示しています。 コンポーネントの見た目や操作感を設定する 際に、このリストを参照できます。
カテゴリー
スタイル名
CSSクラス
表示タイプ
コンポーネントへの装着許可
間隔
へこみの天板
インデントトップ
アイコン-ボタン-グループ-チェック
間隔
凹み底
凹み底
アイコン-ボタン-グループ-チェック
間隔
へこみ側
インデント
アイコン-ボタン-グループ-チェック
ハイライトを追加
左側にハイライト
ハイライト左
アイコン-ボタン-グループ-ラジオ
リッチテキスト、ページコンテンツ、プロモ、コンテナ、行分割器
ハイライトを追加
右側にハイライト
右側にハイライト
アイコン-ボタン-グループ-ラジオ
リッチテキスト、ページコンテンツ、プロモ、コンテナ、行分割器
ハイライトを追加
ハイライトされたトップ
ハイライトトップ
アイコン-ボタン-グループ-ラジオ
リッチテキスト、ページコンテンツ、プロモ、コンテナ、行分割器
ハイライトを追加
下部にハイライト
下部にハイライト
アイコン-ボタン-グループ-ラジオ
リッチテキスト、ページコンテンツ、プロモ、コンテナ、行分割器
内容の整合性
コンテンツを左にアラインする
左位置
アイコン-ボタン-グループ-ラジオ
内容の整合性
コンテンツセンターの整合
位置-中心
アイコン-ボタン-グループ-ラジオ
内容の整合性
コンテンツを正しく調整する
位置右
アイコン-ボタン-グループ-ラジオ
背景色
クリーンな背景
コンテナクリーン背景
ドロップリスト
コンテナ、行分割器、列分割器
背景色
色彩の背景
コンテナ-カラー-背景
ドロップリスト
コンテナ、行分割器、列分割器
背景色
暗い背景
コンテナ-ダークバックグラウンド
ドロップリスト
コンテナ、行分割器、列分割器
背景色
灰色の背景
コンテナ・グレー・バックグラウンド
ドロップリスト
コンテナ、行分割器、列分割器
背景レイアウト
カバーの背景
カバー・バックグラウンド
ドロップリスト
コンテナ
背景レイアウト
修正の背景
fix-background
ドロップリスト
コンテナ
背景レイアウト
視差背景
視差背景
ドロップリスト
コンテナ
ナビゲーション
メインナビゲーション - 垂直ドロップダウン
ナビゲーション メインナビゲーション-メイン-垂直
ドロップリスト
ナビゲーション
ナビゲーション
メインナビゲーション - 水平ドロップダウン
ナビゲーション メインナビゲーション-メイン-水平
ドロップリスト
ナビゲーション
ナビゲーション
モバイルナビゲーション
ナビゲーション-モバイル
ドロップリスト
ナビゲーション
ナビゲーション
サイドバーナビゲーション
ナビゲーションサイドバー
ドロップリスト
ナビゲーション
ナビゲーション
サイトマップナビゲーション
サイトマップナビゲーション
ドロップリスト
ナビゲーション
ナビゲーション
ビッグ/ファットナビゲーション
ナビゲーション-ファット
ドロップリスト
ナビゲーション
リンクリスト
リスト・バーティカル
リスト・バーティカル
チェックボックスフォルダー
リンクリスト
リッチテキスト
カスタムの弾条書き
リッチテキストリスト
チェックボックスフォルダー
リッチテキスト、ページ内容
プロモーション
プロモヒーロー
プロモヒーロー
チェックボックスフォルダー
プロモーション
プロモーション
プロモシャドウ
プロモ・シャドウ
チェックボックスフォルダー
プロモーション
プロモーション
リンクを下部に添付してください
絶対下のリンク
チェックボックスフォルダー
プロモーション
画像
画像のデフォルトサイズ
画像デフォルトサイズ
チェックボックスフォルダー
画像、プロモーション
共通
国境はない
プロモーションボックス
チェックボックスフォルダー
リッチテキスト、ページコンテンツ、プロモーション
共通
箱入り
箱入り
チェックボックスフォルダー
行分割器、列分割器、コンテナ、ページ内容、タイトル
共通
ボタンリンクスタイル
リンクボタン
チェックボックスフォルダー
リンク、プロモーション、ファイルリスト
コンテナ
全幅
全幅コンテナ
チェックボックスフォルダー
コンテナ
コンテナ
インデントインナー
インデント-インナー
チェックボックスフォルダー
コンテナ
コンテナ
境界線
SXAボーダード
チェックボックスフォルダー
コンテナ