2022-07-29

Markdownでテキストの色を指定する

Markdownではテキストの色を指定するための記法はありません。 そのため色を指定したい場合は自分でhtml・cssを記述する必要があります。 指定する場合はstyle属性を使うか、クラスを指定してcssを記述します。

①HTMLタグの中にstyle属性を指定する

HTMLタグの中にstyle属性を指定する場合は次のように記述します。
「色」という文字だけを赤色にします。

テキストの<span style="color: red">色</span>を変更。

下のように、「色」の部分だけが赤色になります。

②クラス属性を指定する

クラス属性を指定して、色の指定を別で行う方法もあります。 クラス属性を使った方が色を少し変えたい場合などに柔軟に対応できます。
下の例ではクラス名を「col-red」にしていますが、 自分で好きなクラス名を付けてください。

テキストの<span class="col-red">色</span>を変更。

上で付けたクラス「col-red」に対してスタイルを設定します。

.col-red {
	color: red;
}

後々のメンテナンスを考えると、 HTMLとCSSを分離させる②のやり方の方がおすすめです。