Chiều rộng đường viền CSS
Chiều rộng đường viền CSS
Thuộc tính border-width
chỉ định chiều rộng của bốn đường viền.
Chiều rộng có thể được đặt thành kích thước cụ thể (tính bằng px, pt, cm, em, v.v.) hoặc bằng cách sử dụng một trong ba giá trị được xác định trước: mỏng, trung bình hoặc dày:
Ví dụ
Trình diễn các độ rộng đường viền khác nhau:
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;
}
Kết quả:
Chiều rộng bên cụ thể
Thuộc tính border-width
có thể có từ một đến bốn giá trị (đối với viền trên, viền phải, viền dưới và viền trái):
Ví dụ
p.one {
border-style: solid;
border-width: 5px 20px; /*
5px top and bottom, 20px on the sides */
}
p.two {
border-style:
solid;
border-width: 20px 5px; /* 20px top and bottom, 5px on the
sides */
}
p.three {
border-style: solid;
border-width: 25px 10px
4px 35px; /* 25px top, 10px right, 4px bottom and 35px left */
}
Hãy tự mình thử »