Welkom bij voorbeelden

hr element, size attribuut

⇓  standaard weergave  ⇓


⇓  size=7px, align=left, width=50%  ⇓


⇓  noshade=noshade, size=7px, align=right, width=400px  ⇓


⇓  noshade=noshade, size=10px, align=center, width=650px  ⇓


CSS syntax voor IE
⇓  <hr style="height:20px; border-width:3px; color:green;" />  ⇓


CSS syntax voor FF, Opera, Chrome en Safari
⇓  <hr style="height:20px; border-width:3px; background-color:green;" />  ⇓


CSS syntax voor FF, Opera, Chrome en Safari
⇓  <hr style="noshade:noshade; height:20px; border-width:0; width:700px; background-color:purple;" />  ⇓


CSS crossbrowser syntax
⇓  <hr style="border-style:solid; noshade:noshade; height:15px; border-width:5px; width:550px; border-color:yellow; background-color:blue; color:blue" />  ⇓


Met toevoeging van de meta-tag <meta http-equiv="X-UA-Compatible" content="IE=edge" /> worden de verschillen met IE9 en andere browsers weggewerkt !

terug