<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <html lang="en-US"> <head> <title>Shorthand border property</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="copyright" href="/~dbaron/legal.html"> <style type="text/css"> P { color: black; background: white; } .one { border-color: red; color: green; border: medium solid; } .two { color: green; border-color: red; border: medium solid; } .three { border: medium green; /* none */ } .four { border: solid; } .five { border: green; /* none */ } .six { border: medium; /* none */ } .seven { border: medium solid; } .eight { border: solid medium; } .nine { border: solid green; } .ten { border: green solid; } .eleven { border: green medium; /* none */ } .twelve { border: medium solid green; } .thirteen { border: medium green solid; } .fourteen { border: solid medium green; } .fifteen { border: solid green medium; } .sixteen { border: green medium solid; } .seventeen { border: green solid medium; } </style> </head> <body> <h1>Shorthand border property</h1> <p class="one">This paragraph should have a medium solid green border.</p> <p class="two">This paragraph should have a medium solid green border.</p> <p class="three">This paragraph should not have a border.</p> <p class="four">This paragraph should have a medium solid <em>black</em> border.</p> <p class="five">This paragraph should not have a border.</p> <p class="six">This paragraph should not have a border.</p> <p class="seven">This paragraph should have a medium solid <em>black</em> border.</p> <p class="eight">This paragraph should have a medium solid <em>black</em> border.</p> <p class="nine">This paragraph should have a medium solid green border.</p> <p class="ten">This paragraph should have a medium solid green border.</p> <p class="eleven">This paragraph should not have a border.</p> <p class="twelve">This paragraph should have a medium solid green border.</p> <p class="thirteen">This paragraph should have a medium solid green border.</p> <p class="fourteen">This paragraph should have a medium solid green border.</p> <p class="fifteen">This paragraph should have a medium solid green border.</p> <p class="sixteen">This paragraph should have a medium solid green border.</p> <p class="seventeen">This paragraph should have a medium solid green border.</p> </body></html>