third_party/WebKit/LayoutTests/css1/box_properties/border_left_width.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.14 border-left-width</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 .zero {background-color: silver; border-left-width: 0;}
  11 .one {border-left-width: 50px; border-style: solid;}
  12 .two {border-left-width: thick; border-style: solid;}
  13 .three {border-left-width: medium; border-style: solid;}
  14 .four {border-left-width: thin; border-style: solid;}
  15 .five {border-left-width: 25px;}</STYLE>
  16
  17 </HEAD>
  18
  19 <BODY><P>The style declarations which apply to the text below are:</P>
  20 <PRE>.zero {background-color: silver; border-left-width: 0;}
  21 .one {border-left-width: 50px; border-style: solid;}
  22 .two {border-left-width: thick; border-style: solid;}
  23 .three {border-left-width: medium; border-style: solid;}
  24 .four {border-left-width: thin; border-style: solid;}
  25 .five {border-left-width: 25px;}
  26 </PRE>
  27 <HR>
  28 <P>
  29 (These will only work if <CODE>border-style</CODE> is supported.)
  30 </P>
  31 <P class="zero">
  32 This element has a class of zero.
  33 </P>
  34 <P class="one">
  35 This element should have a left border width of 50 pixels, which will be more obvious if the element is more than one line long.
  36 </P>
  37 <P class="two">
  38 This element should have a thick left border width, which will be more obvious if the element is more than one line long.
  39 </P>
  40 <P class="three">
  41 This element should have a medium left border width, which will be more obvious if the element is more than one line long.
  42 </P>
  43 <P class="four">
  44 This element should have a thin left border width, which will be more obvious if the element is more than one line long.
  45 </P>
  46 <P class="five">
  47 This element should have no border and no extra "padding" on its left side, as no <CODE>border-style</CODE> was set.
  48 </P>
  49
  50
  51 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  52 <TR>
  53 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  54 </TR>
  55 <TR>
  56 <TD bgcolor="silver">&nbsp;</TD>
  57 <TD><P>
  58 (These will only work if <CODE>border-style</CODE> is supported.)
  59 </P>
  60 <P class="zero">
  61 This element has a class of zero.
  62 </P>
  63 <P class="one">
  64 This element should have a left border width of 50 pixels, which will be more obvious if the element is more than one line long.
  65 </P>
  66 <P class="two">
  67 This element should have a thick left border width, which will be more obvious if the element is more than one line long.
  68 </P>
  69 <P class="three">
  70 This element should have a medium left border width, which will be more obvious if the element is more than one line long.
  71 </P>
  72 <P class="four">
  73 This element should have a thin left border width, which will be more obvious if the element is more than one line long.
  74 </P>
  75 <P class="five">
  76 This element should have no border and no extra "padding" on its left side, as no <CODE>border-style</CODE> was set.
  77 </P>
  78 </TD></TR></TABLE></BODY>
  79 </HTML>