home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 133 / dpcs0399.iso / INTERNET / COFFEE / HTMLED55 / SETUP.EXE / file0230.bin < prev    next >
Encoding:
Text File  |  1998-11-04  |  7.5 KB  |  97 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
  2.    "http://www.w3.org/TR/REC-html40/strict.dtd">
  3. <html lang=en>
  4. <head>
  5. <title>HR - Horizontal Rule</title>
  6. <link rev=Made href="mailto:liam@htmlhelp.com">
  7. <link rel=Start href="../index.html">
  8. <link rel=Glossary href="http://www.htmlhelp.com/glossary/glossary.html">
  9. <link rel=Copyright href="http://www.htmlhelp.com/copyright.html">
  10. <link rel=StyleSheet href="../style.css" type="text/css">
  11. <link rel=StyleSheet href="../aural.css" type="text/css" media=aural>
  12. <meta http-equiv="Content-Script-Type" content="text/javascript">
  13. <meta name="author" content="Liam Quinn">
  14. <meta name="description" content="A description of HTML 4.0's HR element for horizontal rules.">
  15. <meta name="keywords" content="HR, hr element, horizontal rule, line, divider, separator, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <hr> tag, <HR> tag">
  16. <script type="text/javascript">
  17. <!--
  18. function toggle() {
  19.   if (document.all.toggler.value == "Hide non-strict elements and attributes") {
  20.      document.styleSheets[0].addRule("div.transitional", "display:none");
  21.      document.styleSheets[0].addRule("span.transitional", "display:none");
  22.      document.styleSheets[0].addRule("li.transitional", "display:none");
  23.      document.styleSheets[0].addRule(".transitional", "speak:none");
  24.      document.all.toggler.value = "Show non-strict elements and attributes";
  25.   } else {
  26.      document.styleSheets[0].addRule("div.transitional", "display:block");
  27.      document.styleSheets[0].addRule("span.transitional", "display:inline");
  28.      document.styleSheets[0].addRule("li.transitional", "display:list-item");
  29.      document.styleSheets[0].addRule(".transitional", "speak:inherit");
  30.      document.all.toggler.value = "Hide non-strict elements and attributes";
  31.   }
  32. }
  33. // -->
  34. </script>
  35. </head>
  36. <body>
  37. <h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
  38. <h1>HR - Horizontal Rule</h1>
  39. <script type="text/javascript">
  40. <!--
  41.   if (document.styleSheets) {
  42.     var gt;
  43.     gt = unescape(new String("%3E"));
  44.  
  45.     document.write("<p" + gt + "<input type=button value=\"Hide non-strict elements and attributes\" id=toggler accesskey=s onclick=\"toggle()\"" + gt + "<\/p" + gt);
  46.   }
  47. // -->
  48. </script>
  49. <table>
  50.   <tr valign=top>
  51.     <th>Syntax</th>
  52.     <td><strong class=required><HR></strong></td>
  53.   </tr>
  54.   <tr valign=top>
  55.     <th>Attribute Specifications</th>
  56.     <td>
  57.       <ul>
  58.         <li class=transitional>ALIGN=[ left | center | rightá] (horizontal alignment)</li>
  59.         <li class=transitional>NOSHADE (solid line)</li>
  60.         <li class=transitional>SIZE=<var><a href="../values.html#pixels">Pixels</a></var> (line height)</li>
  61.         <li class=transitional>WIDTH=<var><a href="../values.html#length">Length</a></var> (line width)</li>
  62.         <li><a href="../attrs.html#core">core attributes</a></li>
  63.         <li><a href="../attrs.html#events">common events</a></li>
  64.       </ul>
  65.     </td>
  66.   </tr>
  67.   <tr valign=top>
  68.     <th>Contents</th>
  69.     <td>Empty</td>
  70.   </tr>
  71.   <tr valign=top>
  72.     <th>Contained in</th>
  73.     <td><span class=transitional><a href="../special/applet.html">APPLET</a>, </span><a href="blockquote.html">BLOCKQUOTE</a>, <a href="../html/body.html">BODY</a>, <a href="../forms/button.html">BUTTON</a>, <span class=transitional><a href="center.html">CENTER</a>, </span><a href="../lists/dd.html">DD</a>, <a href="../phrase/del.html">DEL</a>, <a href="div.html">DIV</a>, <a href="../forms/fieldset.html">FIELDSET</a>, <a href="../forms/form.html">FORM</a>, <span class=transitional><a href="../special/iframe.html">IFRAME</a>, </span><a href="../phrase/ins.html">INS</a>, <a href="../lists/li.html">LI</a>, <a href="../special/map.html">MAP</a>, <span class=transitional><a href="../frames/noframes.html">NOFRAMES</a>, </span><a href="noscript.html">NOSCRIPT</a>, <a href="../special/object.html">OBJECT</a>, <a href="../tables/td.html">TD</a>, <a href="../tables/th.html">TH</a></td>
  74.   </tr>
  75. </table>
  76. <p>The <strong class=html>HR</strong> element defines a <em>horizontal rule</em> for visual browsers. While this element is inherently presentational, it can be used structurally as a section divider. However, for greater flexibility the <strong class=html>HR</strong> element can be replaced with the <strong class=css><a href="http://www.htmlhelp.com/reference/css/box/border-bottom.html">border-bottom</a></strong> or <strong class=css><a href="http://www.htmlhelp.com/reference/css/box/border-top.html">border-top</a></strong> properties of <a href="http://www.htmlhelp.com/reference/css/">Cascading Style Sheets</a>. For example, the following style rule would suggest a horizontal line above all <strong class=html><a href="div.html">DIV</a></strong> elements with <strong class=html>CLASS=navbar</strong>:</p>
  77. <p class=example><code class=css>div.navbar { border-top: solid medium navy }</code></p>
  78. <div class=transitional>
  79. <p><strong class=html>HR</strong>'s <a href="../deprecated.html">deprecated</a> <strong class=html>ALIGN</strong> attribute suggests the horizontal alignment of the line. Possible values are <strong class=html>left</strong>, <strong class=html>right</strong>, and <strong class=html>center</strong>. The deprecated <strong class=html>WIDTH</strong> attribute specifies the width of the line as a percentage or a number of pixels. If a width is specified, percentages are generally preferred since they adjust to varying window sizes. The <strong class=css><a href="http://www.htmlhelp.com/reference/css/box/width.html">width</a></strong> property of <a href="http://www.htmlhelp.com/reference/css/">Cascading Style Sheets</a> provides greater flexibility in suggesting the width of horizontal rules.</p>
  80. <p>The boolean <strong class=html>NOSHADE</strong> attribute suggests that the rule be rendered as a solid line rather than the groove style commonly used. The <strong class=html>SIZE</strong> attribute suggests the height of the line in pixels. These attributes are both <a href="../deprecated.html">deprecated</a> in favor of <a href="http://www.htmlhelp.com/reference/css/">style sheets</a>.</p>
  81. </div>
  82. <h2>More Information</h2>
  83. <ul>
  84.   <li><a href="http://www.w3.org/TR/REC-html40/present/graphics.html#edef-HR">HR in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá4.0 Recommendation</a></li>
  85.   <li><a href="http://www.w3.org/TR/REC-html32#hr">HR in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá3.2 Recommendation</a></li>
  86.   <li><a href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.9">HR in HTMLá2.0 Standard</a></li>
  87.   <li><a href="http://www.htmlhelp.com/reference/wilbur/block/hr.html">HR in <abbr class=initialism title="Web Design Group">WDG</abbr> HTMLá3.2 Reference</a></li>
  88.   <li><a href="http://www.hut.fi/u/jkorpela/HTML3.2/5.28.html">HR in <cite>Learning HTMLá3.2 by Examples</cite></a></li>
  89. </ul>
  90. <div class=footer>
  91. <address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
  92. <p class=toolbar><a href="http://www.htmlhelp.com/"><img src="../wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~"></a> <a href="../index.html" rel=Start>HTMLá4.0áReference</a>á~ <a href="../olist.html">ElementsábyáFunction</a>á~ <a href="../alist.html">ElementsáAlphabetically</a></p>
  93. <p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright ⌐</a> 1998 Liam Quinn. All rights reserved.</p>
  94. </div>
  95. </body>
  96. </html>
  97.