どのように片面だけにCSS境界線を設定できますか？

Question

与えられたdivの場合、左、右、上、または下の辺にのみ境界線を表示したいと思います。

#testdiv { 
    border: 1px solid; 
} 

私は左側のみに境界線を持つために行うには何が必要です：現在、私はすべての側面に境界線を置く次のことを、持っている

？

Answer 1

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

the MDN documentation on borderを参照してください。

Answer 2

あなたは4つの側面を設定したい場合は、別途使用この

#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

のように試してみてください。

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

Answer 5

あなたは国境separatを指定することができますエリーのすべてのボーダーのために、例えば：

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

また、境界線の外観を指定することができ、そして上、右、下、左ボーダーのための別のスタイルを使用しています。例えば：あなたと私の間@dystroy

#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; 
}