HTML & CSS - テキストに打ち消し線を表示する

テキストに打ち消し線を表示する

テキストに打ち消し線を表示するには、CSS の text-decoration プロパティで定義します。text-decoration プロパティの値は line-through を指定します。

<!DOCTYPE html>
<html lang="ja">
  ...
  <p class="textdecoration_linethrough">
    テキストに打ち消し線を指定した文章です。
  </p>
  ...
</html>

テキストに打ち消し線を表示する - HTML

.textdecoration_linethrough {
    text-decoration: line-through;
}

テキストに打ち消し線を表示する - CSS

プロパティの値は line-through の他にも、overline、underline、none があります。

フォントについての CSS 設定例は、読みやすいフォントの CSS 設定例を参照してください。