Đường viền CSS ở ba bên

Question

Nếu tôi muốn có đường viền trên ba mặt, tôi có cần phải khai báo đường viền cho mỗi bên không.

border-left:1px solid green; 
border-bottom:1px solid green; 
border-right:1px solid green; 

hoặc có lối tắt nào không?

Answer 1

border: 1px solid green; 
border-top: 0; 

Answer 2

Vâng, có một hơi cách ngắn hơn - nhưng nó không phải những gì bạn muốn gọi một shortcut ...

border: 1px solid green; 
border-top: 0; 

Hoặc bạn có thể khai báo các yếu tố phần mà sẽ cho phép cho rõ ràng:

border-color: green; 
border-style: solid; 
border-width: 0 1px 1px 1px; 

Answer 3

border:1px solid green; 
border-top: none; 

Lưu ý: Tôi sẽ không tự mình làm điều này; nó có thể gây nhầm lẫn cho những người đọc nó, và thực sự không cần. Mặc dù cách ban đầu liên quan đến sự lặp lại, nó tối thiểu.

Answer 4

này ngắn hơn một chút và cũng làm như vậy:

border:1px solid green; 
border-top:0; 

Answer 5

Bạn không cần phải khai báo border-top style và sau đó ghi đè lên nó:

border: 1px green; 
border-style: none solid solid;