border: 上下左右の各枠線の色、幅、形状を一括指定
borderは、上下左右の枠線の設定を一括で指定できるプロパティです。スペースで区切って羅列。順番は任意。
以下のプロパティ値をまとめて設定でます。
border-width
border-style
border-color
記述例
border プロパティ仕様
値 | ||
---|---|---|
width | 枠線の幅 | 数値 px / em / % / ex / in / cm / mm / pt / pc キーワード thin / medium / thick |
style | 枠線のスタイル | solid, double, groove, ridge, inset, outset, none |
color | 枠線の色 | #666666, #666, カラーネームgray など |
枠線のスタイル種類一覧は こちらにあります
サンプル − 枠線の幅、スタイル、色を一括指定
sample css ↓
.sample{
border: 2px solid #993333;
padding: 3px;
text-align: left;
height: 40px;
}
html ↓
<html>
<body>
<div class="sample">枠線の一括指定
</div>
</body>
</html>
実際の見え方 ↓
枠線の一括指定