サイトカラー
  • ベースカラー: $vi-color-base
  • メインカラー: $vi-color-main
  • アクセントカラー: $vi-color-accent
テキストカラー
  • 背景色: $vi-background-color
  • 文字色: $vi-font-color
  • リンク: $vi-font-a
  • リンク(ホバー): $vi-font-a-hover
  • リンク(アクティブ): $vi-font-a-active
  • リンク(訪問済み): $vi-font-a-visited
テキスト
  • フォントファミリー: $vi-font-family
  • フォントサイズ: $vi-font-size
  • フォントウェイト: $vi-font-weight
  • 文字間: $vi-letter-spacing
  • 行間: $vi-line-height
メディアクエリ
  • "pc":PCファースト・"sp":スマホファースト
  • 未指定の場合:
  • ブレイクポイント: @include media("sp"){ 〜 };
  • ブレイクポイント: @include media("tb"){ 〜 };
  • ブレイクポイント: @include media("pc"){ 〜 };
クリアフィックス
  • クリアフィックスの名称: $vi-clearfix
スクリーンリーダーテキスト
  • スクリーンリーダーテキストの名称: $vi-assistive-text
見出し

見出し1〈h1〉

見出し2〈h2〉

見出し3〈h3〉

見出し4〈h4〉

見出し5〈h5〉
見出し6〈h6〉
WordPress標準Class

段落〈p〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。

段落〈p〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。

段落〈p〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。

段落〈p〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。

テキスト

段落〈p〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。

□□□アンカーテキスト〈a〉□□□□(訪問済み、アクティブ、ホバー時)

□□□強調〈strong〉□□□□

□□□強調文字〈em〉□□□□

□□□イタリック〈i〉□□□□

□□□注釈などの小さい文字〈small〉□□□□

□□□上付き文字〈sup〉□□□□

□□□下付き文字〈sub〉□□□□

□□□引用文(文書の一部や一文)〈strong〉□□□□

引用文(ブロック)〈Blockquote〉□□□□
引用元・参考文献〈cite〉
整形済みテキスト〈pre〉□□□□
ソースコード〈code〉□□□□

□□□追記〈ins〉□□□□

□□□打ち消し〈del〉□□□□

□□□NBA(頭文字をとった略語〈acronym〉)□□□□

□□□AVE(略語〈abbr〉)□□□□

定義リスト〈dl〉
定義語〈dt〉
定義語の意味〈dd〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。
番号ありリスト〈ol〉
  1. 番号ありリスト〈li〉
  2. 番号ありリスト〈li〉
  3. 番号ありリスト〈li〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。
  4. 番号ありリスト
    1. 番号ありリスト〈li〉
    2. 番号ありリスト〈li〉
    3. 番号ありリスト〈li〉
    4. 番号ありリスト〈li〉
      1. 番号ありリスト〈li〉
      2. 番号ありリスト〈li〉
      3. 番号ありリスト〈li〉
      4. 番号ありリスト〈li〉
        1. 番号ありリスト〈li〉
        2. 番号ありリスト〈li〉
        3. 番号ありリスト〈li〉
        4. 番号ありリスト〈li〉
        5. 番号ありリスト〈li〉
      5. 番号ありリスト〈li〉
    5. 番号ありリスト〈li〉
  5. 番号ありリスト〈li〉
番号なしリスト〈ul〉
  • 番号なしリスト〈li〉
  • 番号なしリスト〈li〉
  • 番号なしリスト〈li〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。
  • 番号なしリスト
    • 番号なしリスト〈li〉
    • 番号なしリスト〈li〉
    • 番号なしリスト〈li〉
    • 番号なしリスト〈li〉
      • 番号なしリスト〈li〉
      • 番号なしリスト〈li〉
      • 番号なしリスト〈li〉
      • 番号なしリスト〈li〉
        • 番号なしリスト〈li〉
        • 番号なしリスト〈li〉
        • 番号なしリスト〈li〉
        • 番号なしリスト〈li〉
        • 番号なしリスト〈li〉
      • 番号なしリスト〈li〉
    • 番号なしリスト〈li〉
  • 番号なしリスト〈li〉
テーブル〈table〉
テーブルのキャプション〈caption〉

ヘッダー行の見出しセル〈thead>tr>th〉

ヘッダー行のデータセル〈thead>tr>td〉

ヘッダー行のデータセル〈thead>tr>td〉

ヘッダー行のデータセル〈thead>tr>td〉

ボディ行の見出しセル〈tbody>tr>th〉

ボディ行のデータセル〈tbody>tr>td〉

ボディ行のデータセル〈tbody>tr>td〉

ボディ行のデータセル〈tbody>tr>td〉

ボディ行の見出しセル〈tbody>tr>th〉

ボディ行のデータセル〈tbody>tr>td〉

ボディ行のデータセル〈tbody>tr>td〉

ボディ行のデータセル〈tbody>tr>td〉

ボディ行の見出しセル〈tbody>tr>th〉

ボディ行のデータセル〈tbody>tr>td〉

ボディ行のデータセル〈tbody>tr>td〉

ボディ行のデータセル〈tbody>tr>td〉

フッター行の見出しセル〈tfoot>tr>th〉

フッター行のデータセル〈tfoot>tr>td〉

フッター行のデータセル〈tfoot>tr>td〉

フッター行のデータセル〈tfoot>tr>td〉

フォーム
フォームの入力項目をグループタイトル〈Legend〉 フォームの入力項目をグループ化〈fieldset〉