| <!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> |
