1. Home
2. CSS
3. 見出し

見出し

<h1>〜<h6>の設定。また、クラスで.h1〜.h6までの用意されており<h1>〜<h6>と同じスタイル設定が適用されます。

• <h1>〜<h6>タグのみ使用
• .h1〜.h6のクラスをタグに指定した場合

<h1>〜<h6>タグのみを指定した場合

それぞれ文字サイズは下記の表のように指定されています。font-weightは共通で500の設定がされています。また、見出しタグ内に、<small>タグでサブテキストも追加できます。

				<h1>h1. 見出し <small>サブテキスト</small></h1>
				<h2>h2. 見出し <small>サブテキスト</small></h2>
				<h3>h3. 見出し <small>サブテキスト</small></h3>
				<h4>h4. 見出し <small>サブテキスト</small></h4>
				<h5>h5. 見出し <small>サブテキスト</small></h5>
				<h6>h6. 見出し <small>サブテキスト</small></h6>

.h1〜.h6のクラスをタグに指定した場合

クラスで.h1〜.h6のタグを追加しても同じ設定の見た目の表示になります。

				<p class="h1">h1. 見出し</p>
				<p class="h2">h2. 見出し</p>
				<p class="h3">h3. 見出し</p>
				<p class="h4">h4. 見出し</p>
				<p class="h5">h5. 見出し</p>
				<p class="h6">h6. 見出し</p>