タイポグラフィ
HTML 見出しタグ
HTML タグはデフォルトの見出しスタイルを定義します。
すべてのH1見出し

見出し1

すべてのH2見出し

見出し2

すべてのH3見出し

見出し3

すべてのH4見出し

見出し4

すべてのH5見出し
見出し5
すべてのH6見出し
見出し6
見出しクラス
タイポグラフィのスタイルがデフォルトのHTMLタグと一致しない場合の見出しクラス。
見出しスタイル-h1

見出しスタイル-h1

見出しスタイル-h2

見出しスタイル-h2

見出しスタイル-h3

見出しスタイル-h3

見出しスタイル-h4

見出しスタイル-h4

見出しスタイル-h5

見出しスタイル-h5

見出しスタイル-h6

見出しスタイル-h6

その他のHTMLタグ
HTMLタグはデフォルトのテキストスタイルを定義します。
全段落

この記事では、そのような "曖昧さ "と "傲慢さ "に焦点を当てます。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

全リンク
全リンク
すべてのブロックの引用
ブロック引用
すべての順序なしリスト
  • 箇条書きなし

  • 箇条書きなし

すべての順序なしリスト
  • 箇条書きなし

  • 箇条書きなし

すべての注文リスト
  1. 箇条書きなし

  2. 箇条書きなし

  3. 箇条書きなし

テキストサイズ
タイポグラフィのサイズがデフォルトのHTMLタグと一致しない場合のテキストサイズクラス。
テキストサイズラージ

この記事では、そのような "曖昧さ "と "傲慢さ "に焦点を当てます。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

テキスト・サイズ・レギュラー

この記事では、そのような "曖昧さ "と "傲慢さ "に焦点を当てます。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

テキストサイズ-小

この記事では、そのような "曖昧さ "と "傲慢さ "に焦点を当てます。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

キャプション

この記事では、そのような "曖昧さ "と "傲慢さ "に焦点を当てます。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

テキストウェイト
タイポグラフィのウェイトがデフォルトのHTMLタグと一致しない場合のテキストウェイトクラス。
テキストウェイト-Xボールド
テキストウェイト-Xボールド (800)
テキストウェイトボールド
テキストウェイトボールド (700)
テキストウェイトセミボールド
テキストウェイトセミボールド (600)
テキスト・ウェイト・ミディアム
テキストウェイト中 (500)
テキストウェイトノーマル
テキストウェイトノーマル (400)
テキスト・ウェイト・ライト
テキストウェイトライト (300)
テキスト・スタイル
タイポグラフィのスタイルがデフォルトのHTMLタグと一致しない場合のテキスト・スタイル・クラス。
テキストスタイルイタリック
テキストスタイルイタリック
テキストスタイルストライクスルー
テキストスタイルストライクスルー
テキストスタイル・オールキャップ
テキストスタイル・オールキャップ
テキストスタイルノーラップ
テキストスタイルノーラップ
テキストスタイルクオート
テキストスタイルクオート
テキストスタイルリンク
テキストスタイル-2行
この記事では、そのような "曖昧さ "と "傲慢さ "に焦点を当てます。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.
テキストスタイル-3行
この記事では、そのような "曖昧さ "と "傲慢さ "に焦点を当てます。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.このような、些細なことではありますが、このような些細なことでは、このような些細なことではありません。それは、このような素晴らしい要素で構成されています.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.
テキストスタイルミュート
テキストスタイルミュート
テキストアライメント
タイポグラフィのアライメントがデフォルトのHTMLタグと一致しない場合のテキストアライメントクラス。
テキスト左寄せ
テキスト左寄せ
テキスト中央揃え
テキスト中央揃え
テキスト右寄せ
テキスト右寄せ
リッチテキスト
テキストリッチテキスト

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6
これはブロック引用である。

リッチテキストエレメントを使えば、見出し、段落、ブロッククォート、画像、動画を個別に追加してフォーマットする必要がなく、すべて一箇所で作成・フォーマットできます。ダブルクリックするだけで、簡単にコンテンツを作成できます。

これはリッチテキスト内のリンクです。

  • リスト項目
  • リスト項目
  • リスト項目
  1. リスト項目
  2. リスト項目
  3. リスト項目
キャプションはこちら
産業_リッチテキスト

リッチテキスト要素とは?

リッチテキストエレメントを使えば、見出し、段落、ブロッククォート、画像、動画を個別に追加してフォーマットする必要がなく、すべて一箇所で作成・フォーマットできます。ダブルクリックするだけで、簡単にコンテンツを作成できます。

静的および動的コンテンツ編集

リッチテキスト要素は、静的コンテンツでも動的コンテンツでも使用できます。静的コンテンツの場合は、任意のページにドロップして編集を開始するだけです。動的コンテンツの場合は、任意のコレクションにリッチテキストフィールドを追加し、設定パネルでそのフィールドにリッチテキストエレメントを接続します。ほら!

リッチテキストごとに書式をカスタマイズする方法

見出し、段落、ブロック引用、図、画像、図のキャプションはすべて、「When inside of」入れ子セレクタ・システムを使ってリッチ・テキスト要素にクラスが追加された後にスタイルを設定することができます。

ペイメント_リッチテキスト

リッチテキスト要素とは?

リッチテキストエレメントを使えば、見出し、段落、ブロッククォート、画像、動画を個別に追加してフォーマットする必要がなく、すべて一箇所で作成・フォーマットできます。ダブルクリックするだけで、簡単にコンテンツを作成できます。

静的および動的コンテンツ編集

テキスト

テキスト

静的および動的コンテンツ編集

リッチテキスト要素は、静的コンテンツでも動的コンテンツでも使用できます。静的コンテンツの場合は、任意のページにドロップして編集を開始するだけです。動的コンテンツの場合は、任意のコレクションにリッチテキストフィールドを追加し、設定パネルでそのフィールドにリッチテキストエレメントを接続します。ほら!

リッチテキストごとに書式をカスタマイズする方法

見出し、段落、ブロック引用、図、画像、図のキャプションはすべて、「When inside of」入れ子セレクタ・システムを使ってリッチ・テキスト要素にクラスが追加された後にスタイルを設定することができます。

カラー
背景色
bg-カラーホワイト
#fff
bg-色-黒
#000
bg-色-1
#889e77
bg-color-2
#9e7777
bg-color-3
#334350
bg-カラー-4
#f4f4f7
bg-カラー-5
#ebedee
bg-color-6
#E2E7EE
bg-カラー7
#f1f2f4
テキストカラー
繰り返し表示されるテキストカラーを管理します。
テキストカラー1
これはdivブロック内のテキストである。
テキストカラー2
これはdivブロック内のテキストである。
テキストカラー3
これはdivブロック内のテキストである。
テキストカラー4
これはdivブロック内のテキストである。
UIエレメント
ボタン
ボタン
ボタン
セカンダリー
リンクテキスト
splide__arrows
左位置スライダー矢印
splide__arrows
右位置スライダー矢印
splide__arrows
左上位置のスライダー矢印
splide__arrows
左下位置のスライダー矢印
スプライド__矢印
サークル・スライダー・アロー
splide__arrow--前
サークル・スライダー・アロー・プレヴ
splide__arrow--次へ
サークル・スライダー・アロー・ネクスト
splide__ページネーション__ページ
円ドット
splide__ページネーション__ページ
円ドット
イズアクティブ
splide__ページネーション__ページ
円ドット
splide__ページネーション__ページ
円ドット
イズアクティブ
スプライド__矢印
サークル・スライダー・アロー・ダーク
splide__arrow--前
サークル・スライダー・アロー・プレヴ・ダーク
splide__arrow--次へ
サークル-スライダー-矢印-ネクスト-ダーク
splide__ページネーション
右スライダー
フォーム要素
フィールドラベル
フォーム入力
フォーム入力
テキストエリア
フォーム入力
is-select-input
フォームチェックボックス
フォームラジオ
ボタン
ありがとうございました!あなたの投稿は受理されました!
おっと!フォームの送信中に何か問題が発生しました。
アイコン(イメージ)

アイコンハイト-xxsmall

アイコン高さ-X小

アイコン高さ-小

アイコン・ハイト・ミディアム

アイコン・ハイト・ラージ

アイコンハイト-xlarge

アイコンハイトカスタム1

アイコン-1x1-xsmall

アイコン-1x1-xsmall

アイコン-1x1-小

アイコン-1x1-ミディアム

アイコン-1x1-ラージ

アイコン-1x1-xlarge

アイコン1x1カスタム1

アイコン(HTML埋め込み)
HTML埋め込みアイコンは、ホバー時のアイコンの色をコントロールできます。

icon-embed-xxsmall

icon-embed-xsmall

アイコン埋め込み小

アイコン-エンベッド-ミディアム

アイコン埋め込み大

icon-embed-xlarge

アイコン埋め込みカスタム1

構造クラス
すべてのページまたはほとんどのページで使用できる、定義された柔軟なコア構造。
ページラッパー
メインラッパー
コンテナ・スモール
コンテナ・ミディアム
コンテナ・ラージ
パディング・グローバル
パディング・セクション-小
パディング・セクション・中
パディング・セクション・ラージ
ボタングループ
最大幅
内側のコンテンツを最大幅に収めるには、max-width CSSプロパティを使用します。
最大幅
最大幅フルタブレット
最大幅フルポートレイト
最大幅フルランドスケープ
最大幅-xxlarge
最大幅-xlarge
最大幅-大
最大幅中
最大幅-小
最大幅-xsmall
最大幅-xxsmall
パディング
ディレクション・クラス
パディング・ボトム
パディングトップ
パディング・バーチカル
パディング・ホリゾンタル
左詰め
右詰め
サイズクラス
水増し0
パディング・タイニー
パディング-XXスモール
パディングXスモール
パディング・スモール
パディング・ミディアム
パディング・ラージ
パディング-xlarge
パディング・XXラージ
パディング
パディング
パディング
パディング・カスタム1
パディング・カスタム2
パディングカスタム3
マージン
ディレクション・クラス
マージンボトム
マージントップ
マージン垂直
マージン水平
マージンレフト
マージンライト
サイズクラス
マージン
マージン・タイニー
マージン
マージン-xsmall
マージン・スモール
マージン・ミディアム
マージン大
マージン-xlarge
マージン
マージン大
マージン
マージン
マージンカスタム1
マージンカスタム2
マージンカスタム3
ユーティリティ・クラス
私たちのプロジェクトのほとんどで、より速くビルドするために使いたい便利なユーティリティ・クラス。
隠す
この要素は隠されている
隠しタブレット
モバイルポートレート
hide-モバイル・ランドスケープ
オーバーフロー可視
オーバーフロー非表示
オーバーフロー自動
オーバーフロースクロール
ポインター・イベント・オン
ポインター・イベント・オフ
ディブスクエア
スペーシングクリーン
中央揃え
z-index-1
z-index-2
ディスプレイ・インラインフレックス
マージン・トップ・オート
下から