layout/reftests/forms/text-control-baseline-1.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en-US">
   4 <head>
   5         <title>Test for bug 481751</title>
   6         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   7         <!--
   8             The primary font MarkA has a small line height.  The default font
   9             (used for the character '1') will probably have a maximum ascent
  10             greater than the ascent plus half leading of MarkA, but this
  11             should not change the baseline (and thus position) of the text
  12             control.
  13           -->
  14         <style type="text/css">
  15         @font-face {
  16                 font-family: "MarkA";
  17                 src: url(../fonts/markA.ttf);
  18         }
  19         body {
  20           background-color: white;
  21         }
  22         input, textarea {
  23           font-family: "MarkA", sans-serif;
  24           font-size: 32px;
  25           background-color: black;
  26           color: black;
  27           vertical-align: baseline;
  28         }
  29         </style>
  30 </head>
  31 <body>
  32   <input size="2" value="A">
  33   <input size="2" value="A1">
  34   <textarea cols="2">A</textarea>
  35   <textarea cols="2">A1</textarea>
  36 </body>
  37 </html>