third_party/WebKit/LayoutTests/css1/box_properties/border_bottom.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.20 border-bottom</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-bottom: purple double 10px;}
  11 .two {border-bottom: purple thin solid;}
  12 .three {border-bottom: black medium solid;}
  13 TD {border-bottom: 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-bottom: purple double 10px;}
  19 .two {border-bottom: purple thin solid;}
  20 .three {border-bottom: black medium solid;}
  21 TD {border-bottom: 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 bottom 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 bottom border.
  30 </P>
  31 <P class="two">
  32 This paragraph should have a thin purple bottom 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 bottom 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<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
  42 </TR>
  43 </TABLE>
  44
  45 <UL>
  46 <LI class="three">This is a list item...
  47 <UL>
  48 <LI>...and this...
  49 <LI>...is a second list...
  50 <LI>...nested within the list item.
  51 </UL>
  52 </LI>
  53 <LI class="three">This is a second list item.</LI>
  54 <LI class="three">Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it should appear <EM>beneath</EM> the nested list (below the line "...nested within the list item.").
  55 </UL>
  56
  57
  58 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  59 <TR>
  60 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  61 </TR>
  62 <TR>
  63 <TD bgcolor="silver">&nbsp;</TD>
  64 <TD><P>
  65 Note that all table cells on this page should have a two-pixel solid green border along their bottom sides.  This border applies only to the cells, not the rows which contain them.
  66 </P>
  67
  68 <P class="one">
  69 This paragraph should have a purple, double, 10-pixel bottom border.
  70 </P>
  71 <P class="two">
  72 This paragraph should have a thin purple bottom border.
  73 </P>
  74
  75 <TABLE cellspacing="5" border>
  76 <TR>
  77 <TD colspan="2">Every cell in this table should have a 2-pixel solid green bottom border.  This is also true of the table-testing section in the second half of the test page.
  78 </TD>
  79 </TR>
  80 <TR>
  81 <TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
  82 </TR>
  83 </TABLE>
  84
  85 <UL>
  86 <LI class="three">This is a list item...
  87 <UL>
  88 <LI>...and this...
  89 <LI>...is a second list...
  90 <LI>...nested within the list item.
  91 </UL>
  92 </LI>
  93 <LI class="three">This is a second list item.</LI>
  94 <LI class="three">Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it should appear <EM>beneath</EM> the nested list (below the line "...nested within the list item.").
  95 </UL>
  96 </TD></TR></TABLE></BODY>
  97 </HTML>