WEBOVÁ STRÁNKA VYTVOŘENÁ PRO ZÁPOČET PŘEDMĚTU
TVORBA WWW STRÁNEK

Jednoduchý vzorník vodorovných čar

Nejběžnější způsoby formátování značky <HR>.

Vodorovná čára bez jakéhokoliv formátování

---

Formátování čáry pomocí CCS stylu

hr.hr { width: 80%;}

---

Formátování čáry pomocí CCS stylu

hr.hr { width: 70%; border: 0; border-top: 2px solid white; }

---

Formátování čáry pomocí CCS stylu

hr.hr { width: 60%; border: 0; border-top: 2px dashed white; }

---

Formátování čáry pomocí CCS stylu

hr.hr { width: 50%; border: 0; border-top: 2px dotted white; }

---

Formátování čáry pomocí CCS stylu

hr.hr { height: 5px; color: white; background-color: white; }

---

Formátování čáry pomocí CCS stylu

hr.hr { Width: 200px; height: 10px; background-color: white; }

---

Formátování čáry pomocí CCS stylu

hr.hr { Width: 200px; height: 5px; text-align: left; margin-left: 0px; background-color: white; }

---

Formátování čáry pomocí CCS stylu

hr.hr { Width: 200px; height: 5px; text-align: right; margin-right: 2ex; color: white; background-color: white; }

---

Formátování čáry pomocí CCS stylu

hr.hr { Width: 200px; height: 20px; border-top: 2px solid white; border-left: 2px solid white; border-right: 2px solid white; border-bottom: 2px solid white; background-color: Yellow; }

---

Formátování čáry pomocí CCS stylu

hr.hr { Width: 200px; height: 20px; text-align: right; margin-right: 2ex; border-top: 2px dotted white; border-left: 2px dotted white; border-right: 2px dotted white; border-bottom: 2px dotted white; background-color: Red; }

---

Formátování čáry pomocí CCS stylu

hr.hr { Width: 200px; height: 20px; text-align: left; margin-left: 0px; border-top: 2px dashed white; border-left: 2px dashed Olive; border-right: 2px dashed white; border-bottom: 2px dashed white; background-color: red; }

---

Formátování s obrázky v pozadí

hr.hr { height: 15px; color:transparent; background: Navy url(../obr/hr_obr.gif) no-repeat scroll center; }

---

Formátování s obrázkem a transparentním pozadí

div.hr { height: 15px; background: url(../obr/hr_obr.gif) no-repeat scroll center; } div.hr hr {displey: none; }