Tagul hr
Tagul hr definește o linie orizontală de
separare. Avantajul tagului este că, pentru a
trasa o linie simplă, nu este necesar să se
creeze blocuri suplimentare. Nu necesită tag de închidere.
Exemplu
Să vedem cum funcționează tagul hr:
<hr>
:
Exemplu
Să încercăm să schimbăm culoarea liniei folosind
proprietatea CSS border-color:
<hr style="border-color: red;">
:
Exemplu
Culoarea liniei poate fi schimbată și cu proprietatea
color
(în acest caz, dacă sunt definite simultan proprietățile
color și border-color
- a doua are prioritate):
<hr style="color: red">
:
Exemplu
Să schimbăm acum culoarea liniei folosind
proprietatea CSS border.
Atenție la faptul că în acest caz linia
va deveni de grosime dublă (deoarece am definit
o bordură atât în partea de sus, cât și în partea de jos):
<hr style="border: 1px solid red;">
:
Exemplu
Să încercăm să schimbăm culoarea liniei folosind proprietatea CSS
border-top,
și să definim doar bordura superioară. Acum
nu va mai exista linie dublă:
<hr style="border-top: 1px solid red;">
:
Exemplu
Să facem linia sub formă de puncte folosind
proprietatea CSS border-top,
să definim valoarea dotted în loc de solid:
<hr style="border-top: 1px dotted red;">
:
Exemplu
Să creștem grosimea liniei folosind
proprietatea CSS border-width:
<hr style="border-width: 10px; border-color: red;">
:
Exemplu
Acum să adăugăm liniei înălțime height
și bordură prin border.
Bordura se va împărți în cea superioară și cea inferioară:
<hr style="height: 10px; border: 1px solid red;">
:
Vezi și
-
tagul
br,
care definește trecerea la linie nouă
