<h>タグ(h1~h6)
Bootstrapで指定されている<h>タグ(h1~h6)のCSS設定を変更します。
日本語で表示した時に若干間延びした表示に見えるので、気になる方は以下を参考に変更してください。
1.フォントサイズを変更する
フォントサイズの変更を行う場合は、変更対象<h>タグ(h1~h6)のfont-sizeプロパティ
を上書きします。
以下の例では、
・<h>タグ(h1・h2・h3)のフォントサイズを18ドット
・<h>タグ(h4・h5・h6)のフォントサイズを14ドット
に設定しています。
2.マージン・パディングを変更する
マージンの変更を行う場合は、変更対象<h>タグ(h1~h6)のmarginプロパティ
を上書きします。
パディングの変更を行う場合は、変更対象<h>タグ(h1~h6)のpaddingプロパティ
を上書きします。
以下の例では、
・1.フォントサイズを変更する
で設定した内容
・<h>タグ(h1・h2・h3)の上下マージンを5ドット・左パディングを15ドット
・<h>タグ(h4・h5・h6)の上下マージンを5ドット・左パディングを15ドット
に設定しています。
「フォントサイズを変更する」の例と比べると、行間・文字の書き出し位置の違いを確認できると思います。
3.文字・背景色を変更する
文字色の変更を行う場合は、変更対象<h>タグ(h1~h6)のcolorプロパティ
を上書きします。
背景色の変更を行う場合は、変更対象<h>タグ(h1~h6)のbackground-colorプロパティ
を上書きします。
以下の例では、
・2.マージンとパディングを変更する
で設定した内容
・<h>タグ(h1・h2・h3)の文字色を白・背景色を黒
・<h>タグ(h4・h5・h6)の文字色を黒・背景色を白
に設定しています。