third_party/WebKit/LayoutTests/css1/box_properties/border_top.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
   2 <HTML>
   3 <HEAD>
   4 <TITLE>CSS1 Test Suite: 5.5.18 border-top</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
   8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
   9 <STYLE type="text/css">
  10 .one {border-top: purple double 10px;}
  11 .two {border-top: purple thin solid;}
  12 .three {border-top: black medium solid;}
  13 TD {border-top: green 2px solid;}</STYLE>
  14
  15 </HEAD>
  16
  17 <BODY><P>The style declarations which apply to the text below are:</P>
  18 <PRE>.one {border-top: purple double 10px;}
  19 .two {border-top: purple thin solid;}
  20 .three {border-top: black medium solid;}
  21 TD {border-top: green 2px solid;}
  22 </PRE>
  23 <HR>
  24 <P>
  25 Note that all table cells on this page should have a two-pixel solid green border along their top sides.  This border applies only to the cells, not the rows which contain them.
  26 </P>
  27
  28 <P class="one">
  29 This paragraph should have a purple, double, 10-pixel top border.
  30 </P>
  31 <P class="two">
  32 This paragraph should have a thin purple top border.
  33 </P>
  34
  35 <TABLE cellspacing="5" border>
  36 <TR>
  37 <TD colspan="2">Every cell in this table should have a 2-pixel solid green top border.  This is also true of the table-testing section in the second half of the test page.
  38 </TD>
  39 </TR>
  40 <TR>
  41 <TD>Cell one</TD><TD>Cell two
  42 <TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE>
  43 </TD>
  44 </TR>
  45 </TABLE>
  46
  47 <UL>
  48 <LI class="three">This is a list item...
  49 <UL>
  50 <LI>...and this...
  51 <LI>...is a second list...
  52 <LI>...nested within the list item.
  53 </UL>
  54 </LI>
  55 <LI class="three">This is a second list item.</LI>
  56 <LI class="three">Each list item in this list should have a medium-width black border at its top.
  57 </UL>
  58
  59
  60 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  61 <TR>
  62 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  63 </TR>
  64 <TR>
  65 <TD bgcolor="silver">&nbsp;</TD>
  66 <TD><P>
  67 Note that all table cells on this page should have a two-pixel solid green border along their top sides.  This border applies only to the cells, not the rows which contain them.
  68 </P>
  69
  70 <P class="one">
  71 This paragraph should have a purple, double, 10-pixel top border.
  72 </P>
  73 <P class="two">
  74 This paragraph should have a thin purple top border.
  75 </P>
  76
  77 <TABLE cellspacing="5" border>
  78 <TR>
  79 <TD colspan="2">Every cell in this table should have a 2-pixel solid green top border.  This is also true of the table-testing section in the second half of the test page.
  80 </TD>
  81 </TR>
  82 <TR>
  83 <TD>Cell one</TD><TD>Cell two
  84 <TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE>
  85 </TD>
  86 </TR>
  87 </TABLE>
  88
  89 <UL>
  90 <LI class="three">This is a list item...
  91 <UL>
  92 <LI>...and this...
  93 <LI>...is a second list...
  94 <LI>...nested within the list item.
  95 </UL>
  96 </LI>
  97 <LI class="three">This is a second list item.</LI>
  98 <LI class="three">Each list item in this list should have a medium-width black border at its top.
  99 </UL>
 100 </TD></TR></TABLE></BODY>
 101 </HTML>