Làm cách nào để đặt một đường viền css ở một bên?

Question

Đối với một số div nhất định, tôi chỉ muốn hiển thị đường viền ở bên trái, bên phải, trên cùng hoặc dưới cùng.

Hiện nay tôi có những điều sau đây, trong đó đặt một biên giới trên tất cả các bên:

#testdiv { 
    border: 1px solid; 
} 

Tôi cần làm gì để làm để có đường viền chỉ ở phía bên trái?

Answer 1

#testdiv { 
    border-left: 1px solid; 
} 

Xem the MDN documentation on border.

Answer 2

Hãy thử như thế này

#testdiv{ 
    border-left:1px solid; 

}

Answer 3

div{ 
    border-left:solid red 3px; 
    border-right:solid violet 4px; 
    border-top:solid blue 4px; 
    border-bottom:solid green 4px; 
    background:grey; 
    width:100px; height:50px 
} 

DEMO

Answer 4

Nếu bạn muốn thiết lập 4 mặt riêng biệt sử dụng:

border-width: top right bottom left; 
border-style: solid dotted inset double; 
border-color: #f00 #0f0 #00f #ff0; 

Answer 5

Bạn có thể chỉ định separat biên giới ely cho tất cả các đường biên, ví dụ:

#testdiv{ 
    border-left: 1px solid #000; 
    border-right: 2px solid #FF0; 
} 

Bạn cũng có thể chỉ định giao diện và sử dụng kiểu riêng biệt cho đường viền trên cùng, phải, dưới và bên trái. ví dụ:

#testdiv{ 
    border: 1px #000; 
    border-style: none solid none solid; 
} 

Answer 6

#testDiv{ 
    /* set green border independently on each side */ 
    border-left: solid green 2px; 
    border-right: solid green 2px; 
    border-bottom: solid green 2px; 
    border-top: solid green 2px; 
}