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:

html<hr>

Результат:

Näide

Proovime muuta joone värvi kasutades CSS omadust border-color:

html<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):

html<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):

html<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:

html<hr style="border-top: 1px solid red;">

Результат:

Näide

Teeme joone punktiirjoonena kasutades CSS omadust border-top, määrame väärtuseks dotted asemel solid:

html<hr style="border-top: 1px dotted red;">

Результат:

Näide

Suurendame joone paksust kasutades CSS omadust border-width:

html<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:

html<hr style="height: 10px; border: 1px solid red;">

Результат:

Vaata ka