Thuộc tính đường viền viết tắt CSS
Đường viền CSS - Thuộc tính tốc ký
Giống như bạn đã thấy ở trang trước, có nhiều thuộc tính cần xem xét khi xử lý đường viền.
Để rút ngắn mã, cũng có thể chỉ định tất cả các thuộc tính đường viền riêng lẻ trong một thuộc tính.
Thuộc border
tính là một thuộc tính viết tắt cho các thuộc tính đường viền riêng lẻ sau:
border-width
border-style
(yêu cầu)border-color
Thí dụ
p {
border: 5px solid red;
}
Kết quả:
Some text
Bạn cũng có thể chỉ định tất cả các thuộc tính đường viền riêng lẻ chỉ cho một mặt:
Đường viền bên trái
p {
border-left: 6px solid red;
background-color: lightgrey;
}
Kết quả:
Some text
Đường viền dưới cùng
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
Kết quả:
Some text