【Obsidian Tips】画像に枠を付けるCSS

CSS

/* https://www.reddit.com/r/ObsidianMD/comments/11r1n8p/how_can_i_set_a_simple_borderframe_around_images/ */
/* https://forum.obsidian.md/t/how-to-add-shadow-boarder-to-images/46276 */

.markdown-source-view.mod-cm6 .internal-embed > img, .markdown-preview-view .internal-embed > img {
    border: 1px solid black;
  }

概要

背景が白の画像の場合、どこまでが画像なのか分かりづらいという問題が発生する。
画像に枠を付けることで、誤クリックを防ぐことができる。

Before：どこまでが画像なのか分かりづらい

After：枠が付くことで、画像の範囲が明確化する

参照元

How can I set a simple border/frame around images?

How to add shadow/boarder to images