利用可能なCSSクラス
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
次の表は、SXAがHorizonエディター エクスペリエンスで使用する利用可能なCSSクラスを示しています。このリストは、エディターでコンポーネントの外観と操作性を設定する ときに参照できます。
|
カテゴリ |
スタイル名 |
CSSクラス |
コンポーネントで許可 | |
|---|---|---|---|---|
|
Spacing |
インデントトップ |
indent-top |
アイコンボタングループチェック | |
|
Spacing |
下部のインデント |
indent-bottom |
アイコンボタングループチェック | |
|
Spacing |
インデント側 |
indent |
アイコンボタングループチェック | |
|
Add highlight |
左にハイライト表示 |
highlighted-left |
アイコンボタングループラジオ |
リッチテキスト、ページコンテンツ、リッチテキスト(再利用可能)、プレイリスト、プロモーション、コンテナ、スプリッター(行) |
|
Add highlight |
右にハイライト表示 |
highlighted-right |
アイコンボタングループラジオ |
リッチテキスト、ページコンテンツ、リッチテキスト(再利用可能)、プレイリスト、プロモーション、コンテナ、スプリッター(行) |
|
Add highlight |
ハイライトされたトップ |
highlighted-top |
アイコンボタングループラジオ |
リッチテキスト、ページコンテンツ、リッチテキスト(再利用可能)、プレイリスト、プロモーション、コンテナ、スプリッター(行) |
|
Add highlight |
ハイライトされた下部 |
highlighted-bottom |
アイコンボタングループラジオ |
リッチテキスト、ページコンテンツ、リッチテキスト(再利用可能)、プレイリスト、プロモーション、コンテナ、スプリッター(行) |
|
Content alignment |
コンテンツを左揃えにする |
position-left |
アイコンボタングループラジオ | |
|
Content alignment |
コンテンツ センターの配置 |
position-center |
アイコンボタングループラジオ | |
|
Content alignment |
コンテンツを右揃えにする |
position-right |
アイコンボタングループラジオ | |
|
Background color |
クリーンなバックラウンド |
container-clean-background |
ドロップリスト |
コンテナ、スプリッタ(行)、スプリッタ(列) |
|
Background color |
カラー背景 |
container-color-background |
ドロップリスト |
コンテナ、スプリッタ(行)、スプリッタ(列) |
|
Background color |
暗い背景 |
container-dark-background |
ドロップリスト |
コンテナ、スプリッタ(行)、スプリッタ(列) |
|
Background color |
グレーの背景 |
container-gray-background |
ドロップリスト |
コンテナ、スプリッタ(行)、スプリッタ(列) |
|
Background layout |
カバーの背景 |
cover-background |
ドロップリスト |
コンテナ |
|
Background layout |
背景を修正 |
fix-background |
ドロップリスト |
コンテナ |
|
Background layout |
視差の背景 |
parallax-background |
ドロップリスト |
コンテナ |
|
Flip transition |
Transition -剥げる |
flip-fade |
ドロップリスト |
弾く |
|
Flip transition |
Transition -滑る |
flip-slide-top |
ドロップリスト |
弾く |
|
Flip transition |
垂直方向に回転 |
flip-vertical |
ドロップリスト |
弾く |
|
Navigation |
Main navigation - 垂直ドロップダウンドロップダウン |
navigation main navigation-main-vertical |
ドロップリスト |
航法 |
|
Navigation |
Main navigation - 水平ドロップダウンドロップダウン |
navigation main navigation-main-horizontal |
ドロップリスト |
航法 |
|
Navigation |
モバイルナビゲーション |
navigation-mobile |
ドロップリスト |
航法 |
|
Navigation |
サイドバーナビゲーション |
navigation-sidebar |
ドロップリスト |
航法 |
|
Navigation |
サイトマップナビゲーション |
サイトマップ-ナビゲーション |
ドロップリスト |
航法 |
|
Navigation |
ビッグ/ファットナビゲーション |
navigation-fat |
ドロップリスト |
航法 |
|
Tabs |
左側のタブ |
tabs-vertical |
アイコンボタングループラジオ |
タブ |
|
Tabs |
右側のタブ |
tabs-vertical tabs-vertical-right |
アイコンボタングループラジオ |
タブ |
|
Tabs |
下部のタブ |
tabs-bottom |
アイコンボタングループラジオ |
タブ |
|
Accordion |
ホリゾンタルアコーディオン |
accordion-horizontal |
チェックボックスフォルダ |
アコーディオン |
|
Playlist |
水平プレイリスト |
playlist-horizontal |
チェックボックスフォルダ |
プレイリスト |
|
Breadcrumb |
トライアングルセパレーター |
triangle-separator |
チェックボックスフォルダ |
パンくずリスト(Breadcrumb) |
|
Breadcrumb |
中間アイテムを非表示にする |
breadcrumb-hide |
チェックボックスフォルダ |
パンくずリスト(Breadcrumb) |
|
Carousel |
全角画像 |
image-full-size |
チェックボックスフォルダ |
回転木馬 |
|
Divider |
ホワイトスペースディバイダー |
white-space-divider |
チェックボックスフォルダ |
ディバイダー |
|
Feed |
フィードグリッド |
feed-grid |
チェックボックスフォルダ |
飼料 |
|
File list |
横方向のファイル一覧 |
file-list-horizontal |
チェックボックスフォルダ |
ファイル一覧 |
|
Flip on hover |
ホバー時のトランジション |
flip-hover |
チェックボックスフォルダ |
弾く |
|
Language selector |
上にスライド |
language-selector-item-container-slideup |
チェックボックスフォルダ |
言語セレクター |
|
Link list |
リストバーティカル |
list-vertical |
チェックボックスフォルダ |
リンク一覧 |
|
Rich text |
カスタム箇条書き |
rich-text-lists |
チェックボックスフォルダ |
リッチテキスト(再利用可能)、リッチテキスト、ページコンテンツ |
|
Promo |
プロモヒーロー |
promo-hero |
チェックボックスフォルダ |
プロモ |
|
Promo |
プロモーションシャドウ |
promo-shadow |
チェックボックスフォルダ |
プロモ |
|
Promo |
下部にリンクを添付 |
absolute-bottom-link |
チェックボックスフォルダ |
プロモ |
|
Promo |
他のプロモーションと同じ高さ |
equal |
チェックボックスフォルダ |
プロモ |
|
Tabs overflow |
タブが大きすぎる場合はスクロール可能 |
tabs-scrollable |
チェックボックスフォルダ |
タブ |
|
Search |
ファセットの概要horizantal |
facet-summary-horizontal |
チェックボックスフォルダ |
ファセットの概要 |
|
Search |
ルーペ検索ボタン |
loupe-search-btn |
チェックボックスフォルダ |
検索ボックス |
|
Image |
画像のデフォルトサイズ |
image-default-size |
チェックボックスフォルダ |
画像、画像(再利用可能)、プロモーション |
|
Common |
オーバーレイでリンクを開く |
overlay-source |
チェックボックスフォルダ |
イベントリスト、検索結果、タイトル、ページコンテンツ、画像、画像(再利用可能)、リッチテキスト、リッチテキスト(再利用可能)、リンク、プロモーション、メディアリンク、ファイルリスト、リンクリスト、ページリスト、アコーディオン、カルーセル、タブ、フリップ、トグル、プレーンHTML、プレーンHTML(再利用可能)、フィールドエディタ、コンテナ |
|
Common |
国境なし |
promoted-boxed |
チェックボックスフォルダ |
リッチテキスト(再利用可能)、リッチテキスト、ページコンテンツ、プロモーション |
|
Common |
箱入り |
boxed |
チェックボックスフォルダ |
スプリッター (列)、スプリッター (行)、コンテナー、ページ コンテンツ、タイトル |
|
Common |
ボタンのリンクスタイル |
link-button |
チェックボックスフォルダ |
リンク、プロモーション、ファイルリスト |
|
Common |
高さの均等化 |
equalized-content |
チェックボックスフォルダ |
コンテナ、スプリッタ(列)、スプリッタ(行) |
|
Common |
隣接 |
sxa-bordered |
チェックボックスフォルダ |
コンテナ、スプリッター(列)、スプリッター(行)、カルーセル |