タイポグラフィ
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.

テキストサイズ・タイニー

この記事では、そのような "曖昧さ "と "傲慢さ "について説明します。このような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. リスト項目
キャプションはこちら
カラー
カラースキーム
適用したいセクションにカラースキームクラスを追加するだけで、グローバルカラースキームで簡単に色を管理できます。
カラースキーム-1
スキーム1

文字色

UIエレメント
ボタン
ボタン
ボタン
小さい
ボタン
セカンダリー
ボタン
セカンダリー
小さい
ボタン
イズリンク
暗い背景で使用するには、is-alternateアドオンクラスを使用します。
ボタン
イズ・オルタネート
ボタン
イズ・オルタネート
小さい
ボタン
セカンダリー
イズ・オルタネート
ボタン
セカンダリー
小さい
イズ・オルタネート
ボタン
イズリンク
イズ・オルタネート
ボタン
アイコン付きボタン
ボタン
イズアイコン
ボタン
小さい
イズアイコン
ボタン
セカンダリー
イズアイコン
ボタン
セカンダリー
小さい
イズアイコン
ボタン
イズリンク
イズアイコン
ボタン
イズアイコン
イズ・オルタネート
ボタン
小さい
イズアイコン
イズ・オルタネート
ボタン
セカンダリー
イズアイコン
イズ・オルタネート
ボタン
セカンダリー
小さい
イズアイコン
イズ・オルタネート
ボタン
イズリンク
イズアイコン
イズ・オルタネート
その他のUI要素
タブリンク
カテゴリー・フィルター・リンク
スライダーアロー
タグ
カード、商品、投稿の情報を分類したり強調したりするリンク可能なラベル
タグ
タグ
タグ
イズテキスト
タグ
タグ
イズ・オルタネート
タグ
タグ
イズテキスト
イズ・オルタネート
タグ
フォーム要素
フォーム・フィールド・ラベル
フォーム入力
フォーム入力
テキストエリア
フォーム入力
is-select-input
フォーム_チェックボックス
フォームラジオ
ボタン
ありがとうございました!あなたの投稿は受理されました!
おっと!フォームの送信中に何か問題が発生しました。
Formsを暗い背景で使うには、アドオンのis-alternateクラスを使います。
フォーム・フィールド・ラベル
フォーム入力
フォーム入力
テキストエリア
フォーム入力
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

半径
Large
Ȁ大半径は、幅が1列または2列の要素に適用されます。
Medium
Ⓐ中半径は、幅が2列から3列の要素に適用される。
Small
‍小半径は、幅が4列より小さい要素に適用されます。
効果
ボックスシャドウ
⇦シャドウを使用すると、Z軸上に要素を配置することで、デザインに深みとリアリズムを加えることができます。
シャドーXXスモール
シャドーXスモール
シャドースモール
シャドーミディアム
シャドーラージ
シャドーエックスラージ
シャドーXXラージ
構造クラス
すべてのページまたはほとんどのページで使用できる、定義された柔軟なコア構造。
ページラッパー
メインラッパー
コンテナ・スモール
コンテナ・ミディアム
コンテナ・ラージ
パディング・グローバル
パディング・セクション-小
パディング・セクション・中
パディング・セクション・ラージ
ボタングループ
最大幅
内側のコンテンツを最大幅に収めるには、max-width CSSプロパティを使用します。
最大幅
最大幅フルタブレット
最大幅フルモバイルランドスケープ
最大幅フルモバイルポートレート
最大幅-xxlarge
最大幅-xlarge
最大幅-大
最大幅中
最大幅-小
最大幅-xsmall
最大幅-xxsmall
パディング
ディレクション・クラス
パディング・ボトム
パディングトップ
パディング・バーチカル
パディング・ホリゾンタル
左詰め
右詰め
サイズクラス
水増し0
パディング・タイニー
パディング-XXスモール
パディングXスモール
パディング・スモール
パディング・ミディアム
パディング・ラージ
パディング-xlarge
パディング・XXラージ
パディング
パディング
パディング
パディング・カスタム1
パディング・カスタム2
パディングカスタム3
マージン
ディレクション・クラス
マージンボトム
マージントップ
マージン垂直
マージン水平
マージンレフト
マージンライト
サイズクラス
マージン
マージン・タイニー
マージン
マージン-xsmall
マージン・スモール
マージン・ミディアム
マージン大
マージン-xlarge
マージン
マージン大
マージン
マージン
マージンカスタム1
マージンカスタム2
マージンカスタム3
スペーサー
プロジェクトの統一スペーサー・システム。
スペーサー・タイニー
スペーサーXXスモール
スペーサーXスモール
スペーサー小
スペーサー・ミディアム
スペーサー・ラージ
スペーサー-大
スペーサー・XXラージ
スペーサー
スペーサー
スペーサー
ユーティリティ・クラス
私たちのプロジェクトのほとんどで、より速くビルドするために使いたい便利なユーティリティ・クラス。
隠す
この要素は隠されている
隠しタブレット
モバイルポートレート
hide-モバイル・ランドスケープ
オーバーフロー可視
オーバーフロー非表示
オーバーフロー自動
オーバーフロースクロール
ポインター・イベント・オート
ポインタ・イベントなし
スペーシングクリーン
中央揃え
z-index-1
z-index-2
ディスプレイ・インラインフレックス
マージン・トップ・オート
アスペクト比二乗
アスペクト比
アスペクト比
アスペクト比ワイドスクリーン
継承色