画像 枠 のborderスタイル、画像サイズ指定（パス説明)　

上記は画像の周りの境界線を破線に変更するために、border-styleのプロパティを変更する部分があります。
このような線は罫線と呼ばれます。そして画像に限らずに各種要素で罫線が使えます。
以下で各種border-styleをbタグで設定した例を示します。

<b style="border-style: solid; border-width: 4px; border-color: lime;">この範囲</b>
上記の記述はこの範囲 のように見えます。
つまり罫線にはborder-style以外に線幅のborder-widthや線色のborder-colorの指定があります。
これはまとめて次のように書いても同じです。
<span style="border: solid 4px lime;">この範囲</b>

<b style="border: dotted 4px lime;">この範囲</b>
上記の記述はこの範囲 のように見えます。

<b style="border: dashed 4px lime;">この範囲</b>
上記の記述はこの範囲 のように見えます。

<b style="border: double 4px lime;">この範囲</b>
上記の記述はこの範囲 のように見えます。

<b style="border: groove 4px lime;">この範囲</b>
上記の記述はこの範囲 のように見えます。(溝）

<b style="border: ridge 4px lime;">この範囲</b>
上記の記述はこの範囲 のように見えます。（山の背）

<b style="border: inset 4px lime;">この範囲</b>
上記の記述はこの範囲 のように見えます。

<b style="border: outset 4px lime;">この範囲</b>
上記の記述はこの範囲 のように見えます。

なお、borderの後には、各上下左右のそれぞれを次のように指定することもできます。
b {
border-style: solid;
border-top-width: 1px;
border-bottom-width: 3px;
border-left-width: 20px;
border-right-width: 10px;
border-color: lime;
}
上記はhead内のstyleでそれぞれの-widthを指定している例ですがstyleや色もそれぞれ指定できます。以下はこれを使った例です。 <b >この範囲</b>
この記述はこの範囲 のように見えます。