【コピペで使える】Markdownテキスト装飾一覧｜太字・取り消し線・下線・文字色・マーカーの書き方完全ガイド

Markdown（マークダウン）で技術ドキュメント、ブログ記事、README、メモ、議事録を作成する際、重要な語句を目立たせる「テキスト装飾（文字装飾）」は文書全体の可読性を劇的に高めます。

「Markdownで太字や取り消し線、斜体をサッと書きたい」「Markdown標準で文字色を変えたり下線を引くことはできる？」「蛍光ペン風のマーカーラインを引く書き方を知りたい」「太字と取り消し線を組み合わせる方法や注意点は？」といった疑問や要望を持つ方は非常に多いのではないでしょうか。

Markdownには、アスタリスク（*）やチルダ（~）を使ったMarkdown標準のテキスト装飾記法（太字・斜体・取り消し線）に加えて、HTMLタグ（<span>、<u>、<mark> など）を併用することで、文字色の変更（カラーテキスト）や下線（アンダーライン）、蛍光マーカーハイライトなど、多彩な表現を自由自在に実現できます。

この記事では、コピペですぐに使える「文字装飾の早見一覧表（チートシート）」をはじめ、Markdown標準の基本記法（太字・斜体・取り消し線・インラインコード）、HTMLタグを活用した応用装飾（文字色・下線・マーカー・背景色）、複数装飾の組み合わせルールとネスト順、主要プラットフォーム別の対応状況、装飾が崩れる時のトラブル対処法まで、網羅的かつ分かりやすく徹底解説します！

【早見表】Markdownテキスト装飾 逆引きチートシート

まずは「今すぐ書き方を確認してコピーしたい」という方向けに、Markdownで使えるテキスト装飾の書き方と表示結果を一覧表にまとめました。コードをコピーしてそのままお使いいただけます。

※Markdown全体の文法や基礎知識を整理したい方は、サイト内の「Markdown文法ガイド初心者向け解説」もあわせてご覧ください。

Markdown標準でできる基本テキスト装飾

Markdown（マークダウン）の仕様で標準サポートされているテキスト装飾には、太字（ボールド）、斜体（イタリック）、取り消し線（ストライクスルー）、インラインコードがあります。これらはHTMLタグを使わずに、記号でテキストを挟むだけで簡単に記述できます。

1. 太字（ボールド）：markdown 太字 / マークダウン 太字

markdown 太字（マークダウン 太字）を適用するには、強調したいテキストの前後に半角アスタリスク2つ（**）または半角アンダースコア2つ（__）を配置します。

# アスタリスク2つで囲む（最も一般的でおすすめ）
明日の集合時間は **朝9:00厳守** です。

# アンダースコア2つで囲む
本日の打ち合わせは __オンライン開催__ です。

2. 斜体（イタリック）：markdown 斜体 / markdown イタリック

markdown 斜体（markdown イタリック）にするには、テキストの前後に半角アスタリスク1つ（*）または半角アンダースコア1つ（_）を配置します。

# アスタリスク1つで囲む
新機能のコードネームは *Project Alpha* です。

# アンダースコア1つで囲む
ラテン語の格言: _Carpe Diem_

※日本語フォント（メイリオ、游ゴシック、ヒラギノ等）によっては、日本語文字の斜体表示がわずかに傾くだけで見分けがつきにくい場合があります。英語の固有名詞・学名・書籍名・補足コメントなどで活用するのが効果的です。

3. 取り消し線（打ち消し線）：markdown 取り消し線

markdown 取り消し線（打ち消し線 / 取消線）を引くには、テキストの前後に半角チルダ2つ（~~）を配置します。GitHub Flavored Markdown（GFM）をはじめ、ほぼすべての現代エディタで標準対応しています。

# 半角チルダ2つで挟む
通常価格 ~~5,000円~~ のところ、特別価格 2,980円！

次回の会議は ~~月曜日~~ **水曜日15:00** に変更となりました。

4. インラインコード（等幅・枠線装飾）：`コード`

文中のコマンド名、関数名、変数名、キーボードショートカット、ファイルパスなどを際立たせたいときは、半角バッククォート1つ（`）で囲みます。

インストールするには `npm install axios` コマンドを実行します。
設定ファイルは `config.json` 内の `port` 項目で指定してください。

※複数行のコードブロックやシンタックスハイライト（色分け）の書き方は「Markdownでコードブロックを簡単に作成する方法と活用事例」で詳しく解説しています。

HTML併用で実現する応用テキスト装飾（文字色・下線・マーカー）

「Markdownで文字を赤色や青色にしたい」「文章に下線を引いたり、黄色いマーカーペンで塗ったような強調をしたい」という場合、Markdown標準記法には文字色や下線の専用記号がありません。

しかし、Markdownの仕様では文章内に直接HTMLタグを記述すること（MarkdownとHTMLの併用）が公式に認められています。HTMLタグとインラインCSSを活用することで、markdown 文字色、markdown 下線、蛍光マーカーなど、あらゆる装飾を自由自在に実現できます。

1. 文字色の変更（赤字・青字・カラーテキスト）：markdown 文字色 / markdown 色

markdown 文字色（markdown 色）を変更するには、<span style="color: 色指定;">テキスト</span> タグを使用します。色指定にはカラー名（red, blue, green）や16進数カラーコード（#e63946, #2271b1 等）が使えます。

# カラー名で指定
これは 赤色の文字 です。
これは 青色の文字 です。
これは 緑色の文字 です。

# カラーコード（HEX）で指定（細かい色合いを調整可能）
重要な注意点は ここをチェック してください。
補足情報は こちらのリンク を参照してください。

よく使うおすすめカラーコード一覧

※文字色変更の詳しい手法やHTMLタグの応用については「マークダウンで色を使う方法：コードブロックとHTMLタグを活用した手法」でも解説しています。

2. 下線（アンダーライン）：markdown 下線

markdown 下線（アンダーライン）を引くには、HTMLの <u>テキスト</u> タグ、またはCSSの text-decoration: underline; を使用します。

# 最もシンプルな u タグ
この契約内容は 必ず事前に確認 してください。

# span タグと style 属性で指定
パスワードは 他人に教えないでください。

# 下線の色やスタイルをカスタマイズ（波線・破線・赤色下線など）
締切は 明日17:00まで です。

3. 蛍光ペン風マーカー（ハイライト）

文章の特定キーワードを蛍光ペンで塗ったように目立たせるには、HTML5標準の <mark> タグ、またはCSSの background プロパティを使用します。

# HTML5標準の mark タグ（標準黄色マーカー）
この記事の結論は MarkdownとHTMLの併用で全ての装飾が可能 という点です。

# 背景色をカスタムしたマーカー（ピンク・水色・緑）
ピンク色マーカー
水色マーカー
黄緑色マーカー

# 【おすすめ】文字の下半分だけ塗る蛍光ペン風アンダーマーカー
要点は ここをしっかり覚えること です。

特に「下半分だけ塗るグラデーション記法（linear-gradient(transparent 60%, #fff176 60%)）」は、文字の可読性を損なわずに雑誌やブログのような洗練されたマーカーを引くことができるため、Webライティングで非常に人気があります。

4. その他の便利なHTMLテキスト装飾（サイズ・上付き・下付き・ルビ）

さらに高度な表現を行いたい場合、以下のHTMLタグもMarkdown内でそのまま使用可能です。

※MarkdownとHTMLの併用テクニック全般について詳しく知りたい方は「MarkdownとHTMLを併用！Web記事作成でプロが知るテクニックとメリット」もぜひご覧ください。

装飾記法の組み合わせルールと注意点（ネスト順・空白）

Markdownでは、複数の装飾を入れ子（ネスト）にして「太字＋斜体」「太字＋取り消し線」「文字色＋太字＋マーカー」のように重ねがけすることができます。しかし、記述順序や空白の扱いを間違えると装飾が無効化されたり、文字列が崩れたりする原因になります。

1. Markdown標準記法の組み合わせパターン

Markdown標準記号同士を組み合わせる場合のコード例と表示結果です。

2. 正しいネスト順（外側から開いて内側から閉じる）

記号やHTMLタグを組み合わせる際は、「外側で開いた記号（またはタグ）は、一番最後に閉じる」というLIFO（後入れ先出し）の原則を守る必要があります。

3. 空白（スペース）の配置ルール

Markdownパーサーは、記号の前後の空白（半角スペース）の有無によって構文を判定します。

• 記号の内側に空白を入れない： ** 太字 ** のようにアスタリスクの内側にスペースを入れると、太字として認識されずアスタリスクがそのまま文字として表示されてしまいます。必ず **太字** と密着させて記述してください。
• 英文中に挿入する場合は外側に空白を入れる： 英文の中で This is**bold**word と書くと単語の一部とみなされて装飾が効かない場合があります。This is **bold** word のように外側に半角スペースを空けましょう（日本語の場合は外側の空白は不要です）。
• HTMLタグ内の属性値： <span style="color: red;"> のように属性値のクォーテーション（" "）を忘れないようにしてください。

主要エディタ・プラットフォーム別の装飾対応状況

MarkdownはツールやWebサービスによって、標準記法のサポート範囲やHTMLタグの利用可否（セキュリティ上の制限）が異なります。主要なプラットフォームごとの対応状況を確認しておきましょう。

文字装飾が反映されない・崩れる時の原因と対処法

「Markdownで太字や取り消し線を入力したのに、記号がそのまま表示されてしまう」「文字色が変わらない」という場合、以下の5つの原因をチェックすることでほぼ100%解決できます。

原因1：記号が「全角」になっている（最頻出エラー）

Markdownパーサーは半角英数記号のみを構文として認識します。日本語入力（全角モード）のままアスタリスクやチルダを入力すると、単なる文字列として画面にそのまま出力されます。

• ❌ 全角（反映されない）： ＊＊太字＊＊、～～取り消し線～～
• ⭕ 半角（正しく反映）： **太字**、~~取り消し線~~

原因2：記号の内側にスペースが入っている

アスタリスクやチルダの内側に半角・全角スペースが含まれていると、装飾対象の文字列として認識されません。

• ❌ スペースあり： ** 太字テキスト **、~~ 取り消し線 ~~
• ⭕ スペースなし： **太字テキスト**、~~取り消し線~~

原因3：HTMLタグの閉じ忘れ・属性クォーテーションの欠落

文字色や下線でHTMLタグを使用した場合、終了タグ（</span> や </u>）を閉じ忘れると、それ以降の本文全体の装飾が崩れてしまいます。また、style="color: red;" のようにダブルクォーテーションで属性値を囲んでいるか確認しましょう。

原因4：プラットフォームによるHTMLタグのサニタイズ（禁止制限）

GitHubのREADMEやZennなど、一部のWebサービスではXSS（クロスサイトスクリプティング）対策として style 属性付きのHTMLタグを自動除去する仕様になっています。この場合はプラットフォームが許可している代替記法（コードブロックや引用、太字など）を活用しましょう。

原因5：記号を装飾に変えず「そのまま文字として表示したい」場合（エスケープ）

「** や ~~ という記号そのものを画面に見せたい」という場合は、記号の直前に半角バックスラッシュ（\ ※日本語環境では ¥）を配置してエスケープします。

# エスケープの入力例
\*このテキストは斜体になりません\*
\*\*このテキストは太字になりません\*\*
\~\~このテキストは取り消し線になりません\~\~

※エスケープシーケンスの詳しい解説は「Markdown特殊文字が表示されない原因とエスケープ対策」をご覧ください。

よくある質問（FAQ）

まとめ：Markdownテキスト装飾を使いこなして読みやすい記事を作ろう！

Markdown（マークダウン）のテキスト装飾は、基本の記号（太字・斜体・取り消し線）とHTMLタグ（文字色・下線・マーカー）を正しく使い分けることで、誰でも簡単に見やすく美しい文書を作成できます。

装飾を上手に活用して、読者にとって要点がパッと伝わるドキュメントやWeb記事を作成してみてください！