- ベースカラー: $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〉
段落〈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〉)□□□□
- 定義語〈dt〉
- 定義語の意味〈dd〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。
- 番号ありリスト
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号ありリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉このHTMLの目的は、CSSが初期状態でHTML要素にどのようにあたるかをチェックして、サイトの表示崩れを確認し、バグをなくすためのソースです。
- 番号なしリスト
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
- 番号なしリスト〈li〉
|
ヘッダー行の見出しセル〈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〉 |