CSS3で太字スタイルを解除する方法-CSSチュートリアル-php.cn

CSS3で太字スタイルを解除する方法

WBOY

リリース： 2021-12-15 11:00:14

オリジナル

2819 人が閲覧しました

CSS では、「font-weight」属性を使用して文字の太字スタイルを解除できます。この属性は文字の太さを設定するために使用されます。属性の値が「normal」の場合太字スタイルを解除できます。テキストスタイルの場合、構文は「element {font-weight:normal;}」です。

CSS3で太字スタイルを解除する方法

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css3 で太字のテキストスタイルをキャンセルする方法

CSS で太字のテキストをキャンセルしたい場合は、それをキャンセルする必要があります。 font-weight 属性を使用して太字のテキストを表示します。

font-weight プロパティはテキストの太さを設定します。

この属性は、表示要素のテキストで使用される太字フォントを設定するために使用されます。数値 400 はキーワード Normal に相当し、700 は太字に相当します。各数値の太字フォントは、少なくとも次に小さい数値と同じくらい薄く、少なくとも次に大きい数値と同じくらい太くなければなりません。

属性値は次のとおりです:

CSS3で太字スタイルを解除する方法

例は次のとおりです:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  .wenben{
    font-weight:normal;
  }
  </style>
</head>
<body>
  <h1>这是没有取消加粗的文本样式</h1>
  <h1 class="wenben">这是一个取消加粗文本样式</h1>
</body>
</html>

ログイン後にコピー

出力結果:

CSS3で太字スタイルを解除する方法