Đường viền cho các cạnh riêng biệt trong CSS
Cũng tồn tại các thuộc tính viết tắt cho
từng cạnh riêng biệt: border-left (đường viền
trái), border-right (đường viền phải),
border-top (đường viền trên), border-bottom
(đường viền dưới).
Hãy tạo chỉ đường viền bên trái cho phần tử
bằng thuộc tính border-left:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
}
:
Và bây giờ hãy đồng thời tạo cả đường viền trái và đường viền phải:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
border-right: 1px solid red;
}
:
Lặp lại trang theo mẫu này:
Lặp lại trang theo mẫu này:
