div、テキストいっぺんに境界線を付ける

Question

実現したいこと

添付のように枠線と文字を重ね、一部分が切れた状態で文字・枠線まとめて境界線を付けたいです。
画像ではなくcssで再現したいのですが、何かいい方法はありますでしょうか。

よろしくお願い致します。

Answer 1

位置を移動してくっつけることはできても
アウトラインを抽出したり枠線と結合したりするのは難しいですね
svgとかでやるのが妥当では？

Comments

[mo_zuku]

ご回答ありがとうございます。
やはりsvgで表示が妥当なのですね。参考になりました。