ホームページ  >  記事  >  ウェブフロントエンド  >  CSS を使用してテキストに下線、上線、取り消し線を付けるにはどのプロパティが使用されますか?

CSS を使用してテキストに下線、上線、取り消し線を付けるにはどのプロパティが使用されますか?

PHPz
PHPz転載
2023-09-07 18:37:101733ブラウズ

哪个属性用于使用 CSS 为文本添加下划线、上划线和删除线?

CSS では、テキストに下線、上線、取り消し線を追加するために「text-decoration」プロパティが使用されます。

テキストに下線を引くとは、テキストの下に線を引くことを意味し、テキストに下線を引くとは、テキストの上に線を引くことを意味します。テキストの削除とは、テキストの上に線を引いて、テキストが削除されたことを示すことを意味します。

このチュートリアルでは、text-decoration CSS プロパティのさまざまな値を使用して、さまざまなテキストのスタイルを学習します。

###文法### リーリー ###価値###

Style
    ——実線、点線、波線などの装飾線のスタイルを表します。
  • 装飾
  • - 「下線」、「上線」、「スルーライン」の値でテキストを装飾できます。
  • Color
  • - 飾り線の色を設定します。
  • 太さ
  • ——装飾線の太さを設定するために使用されます。
  • ###例### 以下の例では、CSS プロパティ「text-decoration」を使用してテキストを装飾します。 「実線」の線スタイル、赤い「下線」の装飾、および 5 ピクセルのウェイトを設定し、ユーザーが出力で確認できるようにします。

    リーリー ###例###
  • 以下の例では、テキストを青い上線で装飾します。出力では、テキストの上に青い線が表示されます。
リーリー ###例###

この例では、CSS プロパティ「text-decoration」と「line-through」値を使用してテキストを削除しました。出力では、ユーザーはテキストの上の行を確認できます。こうすることで、テキストを削除せずに、テキストにエラーがあることを示すことができます。

リーリー ###例###

この例では、異なるテキストを持つ 3 つの異なる div 要素を作成しました。各 div 要素のテキストには異なる装飾スタイルを使用します。出力では、ユーザーは「下線」、「上線」、「糸」のテキスト装飾スタイルの違いを確認できます。

リーリー

結論

このチュートリアルでは、「text-decoration」CSS プロパティを使用してテキストを装飾する方法をユーザーに説明します。ユーザーは、必要に応じてさまざまな値を使用してテキストをさまざまに装飾できます。

以上がCSS を使用してテキストに下線、上線、取り消し線を付けるにはどのプロパティが使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。