hr
Рисует горизонтальную линию, вид которой можно настроить с помощью параметров. Браузеры по-разному отображают эту линию по умолчанию. Тег hr является блочным элементом, линия всегда отображается с новой строки, как и элементы идущие после нее.
Пример:
Таблица 3×3
| Lorem ipsum dolor sit amet, consectetur adipisicing elit |
... |
... |
| ... |
... |
... |
| ... |
... |
... |
<table>
<caption>Таблица 3×3</caption>
<col/>
<tbody>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
Атрибуты:
accesskey,
align,
class,
contenteditable,
contextmenu,
dir,
draggable,
hidden,
id,
lang,
noshade,
onabort,
onblur,
oncanplay,
oncanplaythrough,
onchange,
onclick,
oncontextmenu,
ondblclick,
ondrag,
ondragend,
ondragenter,
ondragleave,
ondragover,
ondragstart,
ondrop,
ondurationchange,
onemptied,
onended,
onerror,
onfocus,
onformchange,
onforminput,
oninput,
oninvalid,
onkeydown,
onkeypress,
onkeyup,
onload,
onloadeddata,
onloadedmetadata,
onloadstart,
onmousedown,
onmousemove,
onmouseout,
onmouseover,
onmouseup,
onmousewheel,
onpause,
onplay,
onplaying,
onprogress,
onratechange,
onreadystatechange,
onscroll,
onseeked,
onseeking,
onselect,
onshow,
onstalled,
onsubmit,
onsuspend,
ontimeupdate,
onvolumechange,
onwaiting,
size,
spellcheck,
style,
tabindex,
title,
width,
xml:base,
xml:id,
xml:lang,
xml:space.
|
html 3.2 |
html 4.0 Frameset |
html 4.0 Loose |
html 4.0 Strict |
html 4.0.1 Frameset |
html 4.0.1 Loose |
html 4.0.1 Strict |
xhtml 1 Frameset |
xhtml 1 Strict |
xhtml 1 Transitional |
html5 |
| accesskey |
|
|
|
|
|
|
|
|
|
|
|
| align |
|
|
|
|
|
|
|
|
|
|
|
| class |
|
|
|
|
|
|
|
|
|
|
|
| contenteditable |
|
|
|
|
|
|
|
|
|
|
|
| contextmenu |
|
|
|
|
|
|
|
|
|
|
|
| dir |
|
|
|
|
|
|
|
|
|
|
|
| draggable |
|
|
|
|
|
|
|
|
|
|
|
| hidden |
|
|
|
|
|
|
|
|
|
|
|
| id |
|
|
|
|
|
|
|
|
|
|
|
| lang |
|
|
|
|
|
|
|
|
|
|
|
| noshade |
|
|
|
|
|
|
|
|
|
|
|
| onabort |
|
|
|
|
|
|
|
|
|
|
|
| onblur |
|
|
|
|
|
|
|
|
|
|
|
| oncanplay |
|
|
|
|
|
|
|
|
|
|
|
| oncanplaythrough |
|
|
|
|
|
|
|
|
|
|
|
| onchange |
|
|
|
|
|
|
|
|
|
|
|
| onclick |
|
|
|
|
|
|
|
|
|
|
|
| oncontextmenu |
|
|
|
|
|
|
|
|
|
|
|
| ondblclick |
|
|
|
|
|
|
|
|
|
|
|
| ondrag |
|
|
|
|
|
|
|
|
|
|
|
| ondragend |
|
|
|
|
|
|
|
|
|
|
|
| ondragenter |
|
|
|
|
|
|
|
|
|
|
|
| ondragleave |
|
|
|
|
|
|
|
|
|
|
|
| ondragover |
|
|
|
|
|
|
|
|
|
|
|
| ondragstart |
|
|
|
|
|
|
|
|
|
|
|
| ondrop |
|
|
|
|
|
|
|
|
|
|
|
| ondurationchange |
|
|
|
|
|
|
|
|
|
|
|
| onemptied |
|
|
|
|
|
|
|
|
|
|
|
| onended |
|
|
|
|
|
|
|
|
|
|
|
| onerror |
|
|
|
|
|
|
|
|
|
|
|
| onfocus |
|
|
|
|
|
|
|
|
|
|
|
| onformchange |
|
|
|
|
|
|
|
|
|
|
|
| onforminput |
|
|
|
|
|
|
|
|
|
|
|
| oninput |
|
|
|
|
|
|
|
|
|
|
|
| oninvalid |
|
|
|
|
|
|
|
|
|
|
|
| onkeydown |
|
|
|
|
|
|
|
|
|
|
|
| onkeypress |
|
|
|
|
|
|
|
|
|
|
|
| onkeyup |
|
|
|
|
|
|
|
|
|
|
|
| onload |
|
|
|
|
|
|
|
|
|
|
|
| onloadeddata |
|
|
|
|
|
|
|
|
|
|
|
| onloadedmetadata |
|
|
|
|
|
|
|
|
|
|
|
| onloadstart |
|
|
|
|
|
|
|
|
|
|
|
| onmousedown |
|
|
|
|
|
|
|
|
|
|
|
| onmousemove |
|
|
|
|
|
|
|
|
|
|
|
| onmouseout |
|
|
|
|
|
|
|
|
|
|
|
| onmouseover |
|
|
|
|
|
|
|
|
|
|
|
| onmouseup |
|
|
|
|
|
|
|
|
|
|
|
| onmousewheel |
|
|
|
|
|
|
|
|
|
|
|
| onpause |
|
|
|
|
|
|
|
|
|
|
|
| onplay |
|
|
|
|
|
|
|
|
|
|
|
| onplaying |
|
|
|
|
|
|
|
|
|
|
|
| onprogress |
|
|
|
|
|
|
|
|
|
|
|
| onratechange |
|
|
|
|
|
|
|
|
|
|
|
| onreadystatechange |
|
|
|
|
|
|
|
|
|
|
|
| onscroll |
|
|
|
|
|
|
|
|
|
|
|
| onseeked |
|
|
|
|
|
|
|
|
|
|
|
| onseeking |
|
|
|
|
|
|
|
|
|
|
|
| onselect |
|
|
|
|
|
|
|
|
|
|
|
| onshow |
|
|
|
|
|
|
|
|
|
|
|
| onstalled |
|
|
|
|
|
|
|
|
|
|
|
| onsubmit |
|
|
|
|
|
|
|
|
|
|
|
| onsuspend |
|
|
|
|
|
|
|
|
|
|
|
| ontimeupdate |
|
|
|
|
|
|
|
|
|
|
|
| onvolumechange |
|
|
|
|
|
|
|
|
|
|
|
| onwaiting |
|
|
|
|
|
|
|
|
|
|
|
| size |
|
|
|
|
|
|
|
|
|
|
|
| spellcheck |
|
|
|
|
|
|
|
|
|
|
|
| style |
|
|
|
|
|
|
|
|
|
|
|
| tabindex |
|
|
|
|
|
|
|
|
|
|
|
| title |
|
|
|
|
|
|
|
|
|
|
|
| width |
|
|
|
|
|
|
|
|
|
|
|
| xml:base |
|
|
|
|
|
|
|
|
|
|
|
| xml:id |
|
|
|
|
|
|
|
|
|
|
|
| xml:lang |
|
|
|
|
|
|
|
|
|
|
|
| xml:space |
|
|
|
|
|
|
|
|
|
|
|
Браузерные стили
| Chrome |
hr { border-style: inset; border-width: 1px; display: block; margin: 0.5em auto; }
|
| firefox 3.6.3 |
hr { -moz-box-sizing: border-box; -moz-float-edge: margin-box; border: 1px inset; color: gray; display: block; height: 2px; margin: 0.5em auto 0.5em auto; unicode-bidi: embed; }
|
hr:focus { outline: 1px dotted; }
|
hr[size="1"] { border-style: solid none none none; }
|
| ie6, ie7 |
hr { has-layout: true; margin-bottom: 7px; margin-top: 7px; text-align: center; }
|
| ie8 |
hr { border: 1px inset; display: block; has-layout: true; margin: 0.5em auto; overflow: hidden; text-align: center; }
|
| opera 10.53 |
hr { border: 1px inset #000; display: block; margin: 10px 0; overflow: hidden; text-align: center; }
|
| safari 4.0.5 |
hr { border-style: inset; border-width: 1px; display: block; margin: 0.5em auto; }
|