mark テキストのハイライト コピペで使えるHTML+CSS

スポンサーリンク
スポンサーリンク

mark要素の概要

テキストのハイライトHTML
<mark>~</mark>
目的 文章の中で目立たせたいテキストをマークする。単なるマークであって重要と言う意味では用いない。
関連 <em> <strong>
今食べたいと思っている食べ物はラーメンであって蕎麦ではありません。
今食べたいと思っている食べ物は<mark>ラーメン</mark>であって蕎麦ではありません。

属性

グローバル属性のみ

CSSデザイン

背景色を消し、ピンクのアンダーラインを引く

mark 背景色を消しアンダーラインを引く コピペで使えるHTML+CSS
mark要素のプロパティであるtext-decorationを修正してアンダーラインを引くようにし、蛍光マーカーを引いたようなデザインを実現します。ピンク、イエロー、ブルー、グリーンの蛍光マーカーを再現します。