Có cách nào để chỉ định 3 đường viền (nói bên trái, phải và trên cùng) cùng một lúc thay vì riêng lẻ không?

Question

Nếu bạn đang đặt tất cả các đường viền giống nhau, bạn có thể chỉ cần thực hiện một cái gì đó như border: 1px solid #DDD. Bây giờ, nếu tôi chỉ cần 3 người trong số họ, tôi buộc phải viết từng cái một như border-left: 1px solid #DDD, border-top: 1px solid #DDD, v.v. Có cách nào để tôi có thể kết hợp chúng thành một dòng không? Một cái gì đó như border-{left,right,top}: 1px solid #DDD

Tùy chọn hai dòng đơn giản nhất mà tôi có là đặt trước tất cả các đường viền và tắt một trong các đường viền đó. Nhưng tôi thiết lập lại tất cả các biên giới bằng không ở đầu của kịch bản, vì vậy đây là loại dự phòng.

Answer 1

3 dòng

2 dòng

div { 
    border: 1px solid red; 
    border-left: 0; 
} 

Xem http://css-tricks.com/three-sided-border/

Answer 2

Tôi đoán không có giải pháp cho việc này. Kỹ thuật ngắn tay cho thuộc tính đường viền không có sẵn để đặt nhiều đường viền.

bạn có thể thử điều này:

border: #ffffff solid; 
border-width: 3px 2px 1px 0;