CSS bolderとfont-weight:boldの違い

CSSのbolderとfont-weight:boldは共にテキストを太字にするプロパティですが、違いがあります。

1. 深く

bolderは相対値で、親要素より太いフォントの太さを表します。親要素自体で太字（font-weight:bold）が使用されている場合、bolderはさらに太いフォントの太さが使用されます。親要素で太字が使用されていない場合、bolderはfont-weight:boldの効果を使用します。

1. **ネイティブな日本語に、つなぎ言葉なしで言い換える：****太字：** ** native text **

太字にする絶対値で、親要素が太字に設定されていても太字のフォントを使用します。

要旨：

太字を確実に適用する場合は、親要素で太字が適用されているかに関わらず、font-weight:bold を使用します。親要素よりも太い書体を使用する場合は、bolder を使用します。