Perl Web開発者のHTML・CSS入門

font-weight - 文字を太字にする - CSS入門【CSS3対応】

文字を太字にするには、「font-weight:bold;」をスタイルシート(CSS)で指定します。

太字

<span style="font-weight:bold;">太字</span>

bタグとスタイルシート(CSS)の太字の使い分けは?

bタグを使っても文字を太字にできます。本文の中で、ある文字だけを太字にしたい場合は、bタグは簡単です。

こんにちは、ようこそ、食べ放題。

こんにちは、ようこそ、<b>食べ放題</b>。

divタグなどで囲まれており、他の設定もスタイルシート(CSS)で行っている場合は「font-weight:bold;」を指定すると合わせて行えます。

<style>
  .foo {
    font-weight:bold;
    padding:10px 20px;
    border:1px solid #ddd;
  }
</style>

<div class="foo">
  こんにちは
</div>