CSS Borders

admin    Web Development    

Here is a CSS Border in four declarations:

<div style="border-left: 1px solid red; border-right: 1px solid red; border-top: 1px solid red; border-bottom: 1px solid red;">This has a border</div>

Rather than do all that you can do one declaration

<div style="border: 1px solid red;">Text Here</div>

If you want to take the border off the sides:

<div style="border: 1px solid red; border-left: none; border-right: none;">Text Here</div>

If you enjoyed this article please consider sharing it!