Hr թեգ
hr թեգը սահմանում է բաժանարար հորիզոնական
գիծ: Թեգի առավելությունն այն է, որ մեկ գիծ
գծելու համար պարտադիր չէ ստեղծել լրացուցիչ
բլոկներ: Չի պահանջում փակող թեգ:
Օրինակ
Եկեք տեսնենք, թե ինչպես է աշխատում hr թեգը:
<hr>
:
Օրինակ
Փորձենք փոխել գծի գույնը՝ օգտագործելով CSS-ի
border-color
հատկությունը:
<hr style="border-color: red;">
:
Օրինակ
Գծի գույնը կարելի է փոխել նաև
color
հատկությամբ (սակայն, եթե միաժամանակ տրված են
color և border-color
հատկությունները, ապա երկրորդն ունի առաջնահերթություն):
<hr style="color: red">
:
Օրինակ
Հիմա փոխենք գծի գույնը՝ օգտագործելով CSS-ի
border
հատկությունը: Ուշադրություն դարձրեք, որ այս դեպքում
գիծը կդառնա կրկնակի հաստության (քանի որ մենք
սահմանել ենք եզրագիծ և՛ վերևից, և՛ ներքևից):
<hr style="border: 1px solid red;">
:
Օրինակ
Փորձենք փոխել գծի գույնը CSS-ի
border-top
հատկությամբ՝ սահմանելով միայն վերևի եզրագիծ:
Այժմ կրկնակի գիծ չի լինի:
<hr style="border-top: 1px solid red;">
:
Օրինակ
Եկեք գիծը դարձնենք կետերով՝ օգտագործելով CSS-ի
border-top
հատկությունը և տալով dotted արժեքը
solid-ի փոխարեն:
<hr style="border-top: 1px dotted red;">
:
Օրինակ
Եկեք մեծացնենք գծի հաստությունը՝ օգտագործելով
CSS-ի border-width
հատկությունը:
<hr style="border-width: 10px; border-color: red;">
:
Օրինակ
Հիմա գծին ավելացնենք բարձրություն
height
և եզրագիծ՝ border
հատկության միջոցով: Եզրագիծը այս դեպքում
կբաժանվի վերևի և ներքևի մասերի:
<hr style="height: 10px; border: 1px solid red;">
:
Տես նաև
-
brթեգը,
որը սահմանում է տողի անցում
