third_party/WebKit/LayoutTests/css1/box_properties/border.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.22 border</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: medium black solid;}
  11 .two {border: thin maroon ridge;}
  12 .three {border: 10px teal outset;}
  13 .four {border: 10px olive inset;}
  14 .five {border: 10px maroon;}
  15 .six {border: maroon double;}
  16 .seven {border: left red solid;}
  17 .eight {border: 0px;}
  18 TD {border: 2px solid green;}</STYLE>
  19
  20 </HEAD>
  21
  22 <BODY><P>The style declarations which apply to the text below are:</P>
  23 <PRE>.one {border: medium black solid;}
  24 .two {border: thin maroon ridge;}
  25 .three {border: 10px teal outset;}
  26 .four {border: 10px olive inset;}
  27 .five {border: 10px maroon;}
  28 .six {border: maroon double;}
  29 .seven {border: left red solid;}
  30 .eight {border: 0px;}
  31 TD {border: 2px solid green;}
  32 </PRE>
  33 <HR>
  34 <P>
  35 Note that all table cells on this page should have a two-pixel solid green border along all four sides.  This border applies only to the cells, not the rows which contain them.
  36 </P>
  37
  38 <P class="one">
  39 This paragraph should have a medium black solid border all the way around.
  40 </P>
  41 <P class="two">
  42 This paragraph should have a thin maroon ridged border all the way around.
  43 </P>
  44 <P class="three">
  45 This paragraph should have a ten-pixel-wide teal outset border all the way around.
  46 </P>
  47 <P class="four">
  48 This paragraph should have a ten-pixel-wide olive inset border all the way around.
  49 </P>
  50 <P class="five">
  51 This paragraph should have no border around it, as the <TT>border-style</TT> was not set, and it should not be offset in any way.
  52 </P>
  53 <P class="six">
  54 This paragraph should have a medium maroon double border around it, even though <CODE>border-width</CODE> was not explicitly set.
  55 </P>
  56 <P class="seven">
  57 This paragraph should have no border around it, as its declaration is invalid and should be ignored.
  58 </P>
  59 <P>
  60 <A NAME="top">The</A> following image is also an anchor which points to a target on this page, but it should not have a border around it: <A HREF="sec5522.htm#top"><IMG SRC="../resources/oransqr.gif" class="eight" alt="[Image]"></A>.
  61 </P>
  62
  63 <TABLE cellspacing="5" border>
  64 <TR>
  65 <TD colspan="2">Every cell in this table should have a 2-pixel solid green border.  This is also true of the table-testing section in the second half of the test page.
  66 </TD>
  67 </TR>
  68 <TR>
  69 <TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
  70 </TR>
  71 </TABLE>
  72
  73 <P>
  74 This is an unstyled element.
  75 </P>
  76
  77 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  78 <TR>
  79 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  80 </TR>
  81 <TR>
  82 <TD bgcolor="silver">&nbsp;</TD>
  83 <TD><P>
  84 Note that all table cells on this page should have a two-pixel solid green border along all four sides.  This border applies only to the cells, not the rows which contain them.
  85 </P>
  86
  87 <P class="one">
  88 This paragraph should have a medium black solid border all the way around.
  89 </P>
  90 <P class="two">
  91 This paragraph should have a thin maroon ridged border all the way around.
  92 </P>
  93 <P class="three">
  94 This paragraph should have a ten-pixel-wide teal outset border all the way around.
  95 </P>
  96 <P class="four">
  97 This paragraph should have a ten-pixel-wide olive inset border all the way around.
  98 </P>
  99 <P class="five">
 100 This paragraph should have no border around it, as the <TT>border-style</TT> was not set, and it should not be offset in any way.
 101 </P>
 102 <P class="six">
 103 This paragraph should have a medium maroon double border around it, even though <CODE>border-width</CODE> was not explicitly set.
 104 </P>
 105 <P class="seven">
 106 This paragraph should have no border around it, as its declaration is invalid and should be ignored.
 107 </P>
 108 <P>
 109 <A NAME="top">The</A> following image is also an anchor which points to a target on this page, but it should not have a border around it: <A HREF="sec5522.htm#top"><IMG SRC="../resources/oransqr.gif" class="eight" alt="[Image]"></A>.
 110 </P>
 111
 112 <TABLE cellspacing="5" border>
 113 <TR>
 114 <TD colspan="2">Every cell in this table should have a 2-pixel solid green border.  This is also true of the table-testing section in the second half of the test page.
 115 </TD>
 116 </TR>
 117 <TR>
 118 <TD>Cell one</TD><TD>Cell two<TABLE border><TR><TD>Nested single-cell table!</TD></TR></TABLE></TD>
 119 </TR>
 120 </TABLE>
 121
 122 <P>
 123 This is an unstyled element.
 124 </P></TD></TR></TABLE></BODY>
 125 </HTML>