CSS 邊框寬度
CSS 邊框寬度
border-width
屬性用於設定四個邊框的寬度。
邊框寬度可以設定為特定大小(以 px、pt、cm、em 等為單位),或使用三個預定義值之一:thin(細)、medium(中)、或 thick(粗)。
示例
不同邊框寬度的演示
p.one {
border-style: solid;
border-width: 5px;
}
p.two {
border-style: solid;
border-width: medium;
}
p.three {
border-style: dotted;
border-width: 2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
結果
5px 邊框寬度
medium 邊框寬度
2px 邊框寬度
thick 邊框寬度
特定側邊寬度
border-width
屬性可以接受一到四個值(分別代表上邊框、右邊框、下邊框和左邊框)。
示例
p.one {
border-style: solid;
border-width: 5px 20px; /* 上下邊框 5px,左右邊框 20px */
}
p.two {
border-style: solid;
border-width: 20px 5px; /* 上下邊框 20px,左右邊框 5px */
}
p.three {
border-style: solid;
border-width: 25px 10px 4px 35px; /* 上邊框 25px,右邊框 10px,下邊框 4px,左邊框 35px */
}
自己動手試一試 »