Silt hr
Silt hr määratleb horisontaalse eraldusjoone.
Sildi eeliseks on see, et üksiku joone loomiseks
ei ole vaja luua lisablokke. Ei vaja sulgevat
silti.
Näide
Vaatame, kuidas silt hr töötab:
<hr>
:
Näide
Proovime muuta joone värvi kasutades
CSS omadust border-color:
<hr style="border-color: red;">
:
Näide
Joone värvi saab muuta ka omadusega
color
(samas kui on määratud nii omadus
color kui ka border-color
- on teisel prioriteet):
<hr style="color: red">
:
Näide
Muutkem nüüd joone värvi kasutades
CSS omadust border.
Pange tähele, et sel juhul muutub joon
kahekordse paksusega (kuna me määrasime
ääre nii ülalt kui alt):
<hr style="border: 1px solid red;">
:
Näide
Proovime muuta joone värvi kasutades CSS
omadust border-top,
ja määrame ainult ülemise ääre. Nüüd
kahekordset joont ei ole:
<hr style="border-top: 1px solid red;">
:
Näide
Teeme joone punktiirjoonena kasutades
CSS omadust border-top,
määrame väärtuseks dotted asemel solid:
<hr style="border-top: 1px dotted red;">
:
Näide
Suurendame joone paksust kasutades
CSS omadust border-width:
<hr style="border-width: 10px; border-color: red;">
:
Näide
Ja nüüd lisame joonele kõrguse height
ja ääre läbi border.
Äär jaguneb sel juhul ülemiseks ja alumiseks osaks:
<hr style="height: 10px; border: 1px solid red;">
:
Vaata ka
-
silt
br,
mis määrab rea murdmise uuele reale
