Tehr hr

Tehr hr huweka mstari wa usawa wa kigawanyiko. Faida ya tehr ni kwamba, ili kuchora mstari mmoja tu, huhitaji kuunda vizuizi vya ziada. Haihitaji tehr ya kufunga.

Mfano

Hebu tuone jinsi tehr hr inavyofanya kazi:

html<hr>

Результат:

Mfano

Hebu tujaribu kubadilisha rangi ya mstari kwa kutumia sifa ya CSS border-color:

html<hr style="border-color: red;">

Результат:

Mfano

Rangi ya mstari pia inaweza kubadilishwa kwa sifa ya color (wakati huo huo, ikiwa sifa color na border-color zimewekwa pamoja - ya pili ina kipaumbele):

html<hr style="color: red">

Результат:

Mfano

Hebu sasa tubadilishe rangi ya mstari kwa kutumia sifa ya CSS border. Zingatia kuwa kwa kufanya hivyo mstari utakuwa wa unene maradufu (kwa sababu tumeweka mpaka juu na chini):

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

Результат:

Mfano

Hebu tujaribu kubadilisha rangi ya mstari kwa kutumia sifa ya CSS border-top, na tuweke mpaka wa juu pekee. Sasa hakutakuwa na mstari maradufu:

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

Результат:

Mfano

Hebu tufanye mstari uonekane kama nukta kwa kutumia sifa ya CSS border-top, tuweke thamani dotted badala ya solid:

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

Результат:

Mfano

Hebu tuongeze unene wa mstari kwa kutumia sifa ya CSS border-width:

html<hr style="border-width: 10px; border-color: red;">

Результат:

Mfano

Na sasa hebu tuongeze urefu height kwa mstari na mpaka kupitia border. Mpaka utagawa katika sehemu ya juu na ya chini:

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

Результат:

Angalia Pia