更新履歴 [2019年08月11日]「Photoshop で塗りの色を変更する」を追加。

トップページ > サイト作成 > スタイルシート > 枠の設定

枠の設定

枠の太さを設定することができます。

border-width : 太さ

太さには

  • thin : 細い
  • medium : 中
  • thick : 太い
  • 単位付きの数値 : "2px"などの数値

で指定します。

また、"border-top-width"、"border-bottom-width"、"border-left-width"、"border-right-width"といった形式で部分的な太さの調整も可能です。

枠の色を設定することができます。

border-color : Webカラー

Webカラーには"#FF0000"や"red"といった指定をします。

また、"border-top-width"、"border-bottom-width"、"border-left-width"、"border-right-width"といった形式で部分的な太さの調整も可能です。

枠の形式を設定することができます。

border-style : 形式

形式には

  • none : 無し
  • solid : 直線
  • double : 二重線
  • groove : 押下
  • ridge : 隆起
  • inset : 右上方に影
  • outset : 左下方に影
  • dotted : 丸点
  • dashed : 破線

で指定します。

また、"border-top-width"、"border-bottom-width"、"border-left-width"、"border-right-width"といった形式で部分的な太さの調整も可能です。