third_party/WebKit/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 body { overflow: hidden; }
  10
  11 P {
  12         color: black;
  13         background: white;
  14         }
  15
  16 .one {
  17         border-color: red;
  18         color: green;
  19         border: medium solid;
  20         }
  21
  22 .two {
  23         color: green;
  24         border-color: red;
  25         border: medium solid;
  26         }
  27
  28 .three { border: medium green; /* none */ }
  29 .four { border: solid; }
  30 .five { border: green; /* none */ }
  31 .six { border: medium; /* none */ }
  32 .seven { border: medium solid; }
  33 .eight { border: solid medium; }
  34 .nine { border: solid green; }
  35 .ten { border: green solid; }
  36 .eleven { border: green medium; /* none */ }
  37 .twelve { border: medium solid green; }
  38 .thirteen { border: medium green solid; }
  39 .fourteen { border: solid medium green; }
  40 .fifteen { border: solid green medium; }
  41 .sixteen { border: green medium solid; }
  42 .seventeen { border: green solid medium; }
  43 </style>
  44 </head>
  45 <body>
  46
  47 <h1>Shorthand border property</h1>
  48
  49 <p class="one">This paragraph should have a medium solid green border.</p>
  50
  51 <p class="two">This paragraph should have a medium solid green border.</p>
  52
  53 <p class="three">This paragraph should not have a border.</p>
  54
  55 <p class="four">This paragraph should have a medium solid <em>black</em> border.</p>
  56
  57 <p class="five">This paragraph should not have a border.</p>
  58
  59 <p class="six">This paragraph should not have a border.</p>
  60
  61 <p class="seven">This paragraph should have a medium solid <em>black</em> border.</p>
  62
  63 <p class="eight">This paragraph should have a medium solid <em>black</em> border.</p>
  64
  65 <p class="nine">This paragraph should have a medium solid green border.</p>
  66
  67 <p class="ten">This paragraph should have a medium solid green border.</p>
  68
  69 <p class="eleven">This paragraph should not have a border.</p>
  70
  71 <p class="twelve">This paragraph should have a medium solid green border.</p>
  72
  73 <p class="thirteen">This paragraph should have a medium solid green border.</p>
  74
  75 <p class="fourteen">This paragraph should have a medium solid green border.</p>
  76
  77 <p class="fifteen">This paragraph should have a medium solid green border.</p>
  78
  79 <p class="sixteen">This paragraph should have a medium solid green border.</p>
  80
  81 <p class="seventeen">This paragraph should have a medium solid green border.</p>
  82
  83 </body></html>