LayoutTests/fast/css/005.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
   2 <html lang="en-US">
   3 <head>
   4 <title>Shorthand border property</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6 <meta http-equiv="Content-Style-Type" content="text/css">
   7 <link rel="copyright" href="/~dbaron/legal.html">
   8 <style type="text/css">
   9 P {
  10         color: black;
  11         background: white;
  12         }
  13
  14 .one {
  15         border-color: red;
  16         color: green;
  17         border: medium solid;
  18         }
  19
  20 .two {
  21         color: green;
  22         border-color: red;
  23         border: medium solid;
  24         }
  25
  26 .three { border: medium green; /* none */ }
  27 .four { border: solid; }
  28 .five { border: green; /* none */ }
  29 .six { border: medium; /* none */ }
  30 .seven { border: medium solid; }
  31 .eight { border: solid medium; }
  32 .nine { border: solid green; }
  33 .ten { border: green solid; }
  34 .eleven { border: green medium; /* none */ }
  35 .twelve { border: medium solid green; }
  36 .thirteen { border: medium green solid; }
  37 .fourteen { border: solid medium green; }
  38 .fifteen { border: solid green medium; }
  39 .sixteen { border: green medium solid; }
  40 .seventeen { border: green solid medium; }
  41 </style>
  42 </head>
  43 <body>
  44
  45 <h1>Shorthand border property</h1>
  46
  47 <p class="one">This paragraph should have a medium solid green border.</p>
  48
  49 <p class="two">This paragraph should have a medium solid green border.</p>
  50
  51 <p class="three">This paragraph should not have a border.</p>
  52
  53 <p class="four">This paragraph should have a medium solid <em>black</em> border.</p>
  54
  55 <p class="five">This paragraph should not have a border.</p>
  56
  57 <p class="six">This paragraph should not have a border.</p>
  58
  59 <p class="seven">This paragraph should have a medium solid <em>black</em> border.</p>
  60
  61 <p class="eight">This paragraph should have a medium solid <em>black</em> border.</p>
  62
  63 <p class="nine">This paragraph should have a medium solid green border.</p>
  64
  65 <p class="ten">This paragraph should have a medium solid green border.</p>
  66
  67 <p class="eleven">This paragraph should not have a border.</p>
  68
  69 <p class="twelve">This paragraph should have a medium solid green border.</p>
  70
  71 <p class="thirteen">This paragraph should have a medium solid green border.</p>
  72
  73 <p class="fourteen">This paragraph should have a medium solid green border.</p>
  74
  75 <p class="fifteen">This paragraph should have a medium solid green border.</p>
  76
  77 <p class="sixteen">This paragraph should have a medium solid green border.</p>
  78
  79 <p class="seventeen">This paragraph should have a medium solid green border.</p>
  80
  81 </body></html>