タグ: CSS, Web制作

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

枠の設定

枠の太さ border-width

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

border-width : 太さ

太さには

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

で指定します。

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

枠の色 border-color

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

border-color : Webカラー

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

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

枠の形式 border-style

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

border-style : 形式

形式には

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

で指定します。

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

関連記事