画像に枠線を付ける / 数字素材

画像に枠線を付ける方法について。

HTMLのborder属性を使用する場合

IMGタグにborder属性を記述します。

例） <img src="image/to/path" alt="" border="1">

サンプル）

スタイルシート（CSS）のプロパティを使用する場合

IMGタグにスタイルシート（CSS）でプロパティを記述します。

線の種類、太さ、色を変更できます。

下例はプロパティとして、[線の種類] [線の太さ] [線の色]の順で記述しています。

例） <img src="image/to/path" alt="" style="border: solid 1px #000">

サンプル）

例） <img src="image/to/path" alt="" style="border: dotted 2px #33f">

サンプル）

例） <img src="image/to/path" alt="" style="border: double 5px #393">

サンプル）

※各種プロパティの値について

• 線の種類には以下の値が記述できます。
  
  
  borderプロパティ値、種類の一覧

  値	意味
  none	なし
  solid	実線
  double	二重線
  dashed	破線（切れ目のある線）
  dotted	点線
  groove	谷型の線
  ridge	山型の線
  inset	窪んだ線
  outset	隆起した線

• 線の太さはピクセル値で記述できます。
• 線の色は16進数3桁、又は6桁などで記述できます。