How can I set a css border on one side only?

css border
user782104 picture user782104 · Mar 14, 2013 · Viewed 175.3k times · Source

For a given div I would like to only display a border on the left, right, top, or bottom side.

Currently I have the following, which puts a border on all sides: 

#testdiv {
   border: 1px solid;
}

What do I need to do in order to have a border only on the left side?

Answer

Denys Séguret picture Denys Séguret · Mar 14, 2013 
#testdiv {
   border-left: 1px solid;
}

See the MDN documentation on border.

Related questions

How to remove focus border (outline) around text/input boxes? (Chrome)

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS I'm using: input { background-color: transparent; …

Read More
Placing border inside of div and not on its edge

I have a <div> element and I want to put a border on it. I know I can write style="border: 1px solid black", but this adds 2px to either side of the div, which is not what …

Read More
How to set a border for an HTML div tag

I am trying to define a border around a div tag in HTML. In some browsers the border does not appear. Here is my HTML code: How do I set a border for an HTML div tag?

Read More