背景
オンラインでWebサイトやブラウザで動くシステムのここ、直してほしいんだよなーという時、皆さんはどうしていますか？テキストだけで伝えて「これで伝わるかなあ」と不安になったり、スクショを撮ってペイントで枠を囲ってそれをまたスクショして送ったりしてきました。
やりたいこと
指摘やコメントをしたい要素に赤枠をつけたい
例：投稿するボタン
環境
Chromeでやってます。
やり方
1.DevToolsを開く
F12を押しましょう。開きます。
2.要素を選択して検査する
DevToolsの左上、角にあるアイコンをクリックする
3.枠をつけたい要素を選択する
わかりづらいですが、投稿するボタンを選択しました。
4.element.styleにCSSを書く
次の3行をコピペしましょう。
border-width: 3px;
border-color: red;
border-style: solid;
できた！投稿するボタンが赤枠で囲まれました～
ちょっとしたことだけど、ペイント開かなくていいのはだいぶ楽