取り消し線 文字 変換ツールの使い方
- 取り消し線(打ち消し線)を引きたいテキストを入力ボックスに入力またはペーストします。
- SNS投稿やチャットメッセージ、プロフィール文などで使用する場合は、「Unicode出力」の変換結果をコピーしてペーストします。
- WebサイトやHTMLデザインでの見栄えを確認したい場合は、「CSSプレビュー」で
text-decoration: line-through;の表示状態を確認できます。 - コピペして投稿する前に、対象のアプリやプラットフォームでUnicode結合文字が正しく表示されているかプレビューで確認することをおすすめします。
変換の仕組みとUnicode結合文字(理論)
output = input.split("").map(char => char + U+0336).join("")
このツールで作成される取り消し線文字は、Unicodeの結合文字(Combining Long Stroke Overlay: U+0336)を使用しています。各文字の後ろにこの特殊な記号を挿入することで、フォントレンダラーが文字の上に線を重ねて描画する仕組みです。
スペース、句読点、改行、数字なども保持されます。なお、絵文字や複号文字列(絵文字の組み合わせ等)は、OSやフォント環境によって結合文字の描画スタイルが異なる場合があります。
CSSプレビューはテキスト自体を加工するものではなく、Webページで line-through 装飾を適用した際の視覚効果を再現したものです。
取り消し線テキストの主な活用シーン
- X(旧Twitter)やInstagramなどのSNS投稿で、ユーモアや訂正、冗談を表現したいとき。
- チャットアプリ(Discord、Slack、LINEなど)でテキスト装飾機能が使えない場所での打ち消し線表現。
- プレーンテキスト(メモ帳やテキストファイル)内で削除箇所や更新内容を視覚的に示したい場合。
- WebデザインやCSSスタイリングの表示比較・検証。