mark タグエレメント

インラインエレメント

　mark タグエレメントは、囲まれた部分をマーカーでなぞったように表示する HTML タグエレメントです。

mark タグエレメント

<p>今日から<mark>日記を付ける</mark>ことにしました。</p>

表示例

今日から日記を付けることにしました。

詳しくは動作の確認を参照してください

　マーカーでなぞったような表現、インタラクティブに編集できるようにしてマーカーが付けられるようにする、マークしたテキストのみをスクリプトで抽出するなどに利用できます。

- ad -

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

Attribute	Value	Extra information
id		cssにも使えます。エレメントをユニークとします。
class		cssに使います。同名のclassは同じスタイルが適応されます。

　マーカーで下線を引いたような装飾をするには、background と linear-gradient() 関数の組み合わせでテキストにマーカーを引いたような装飾もできます。

マーカーのような装飾

span {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

　テキストに下線や取り消し線を加えるには、text-decorationプロパティを使います。

- ad -