Referens
HTML hr

HTML hr

HTML hr taggen anger ett horisontellt streck.

Exempel:

En paragraf

En till paragraf

HTML:

<p>En paragraf</p><hr><p>En till paragraf</p>
HTML hr
Elementtyp Sluttagg Utfasat Doctype
Blockelement Nej Nej Strict, Transitional, Frameset
Elementet får innehålla
Inget
Elementet får finnas i
applet, blockquote, body, button, center, dd, del, div, fieldset, form, iframe, ins, li, map, noframes, noscript, object, td, th
Skillnad mellan HTML och XHTML
I HTML saknar tomma element slut-tagg: Ex: <hr>
I XHTML måste tomma element stängas. Ex: <hr />
Attributen "align", "noshade", "size" och "width" är utfasade i HTML 4.01 och stödjs inte i XHTML 1.0 Strict DTD

Tips för HTML hr

Elementet hr visas olika i olika webbläsare. Utseendet går dock att påverka med CSS. Nedan visas några exempel.

Exempel:

HTML:

<hr style="background-color:blue; height:5px;">

Exempel:

HTML:

<hr style="border-top:5px dotted red; height:0px">

HTML hr attribut

Specifika attribut
Attribut Beskrivning Värde
align Anger textens justering. Utfasat attribut left, center, right
noshade Anger streck utan 3D effekt. Utfasat attribut noshade
size Anger streckets tjocklek. Utfasat attribut px
width Anger streckets längd. Utfasat attribut px, %

Universella attribut
Attribut Beskrivning Värde
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer