Žyma hr

Žyma hr nustato skiriamąją horizontalią liniją. Žymos pranašumas yra tas, kad norint nubrėžti vieną liniją, nereikia kurti papildomų blokų. Nereikalauja uždaromosios žymos.

Pavyzdys

Pažiūrėkime, kaip veikia žyma hr:

html<hr>

Результат:

Pavyzdys

Pabandykime pakeisti linijos spalvą naudodami CSS savybę border-color:

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

Результат:

Pavyzdys

Linijos spalvą taip pat galima pakeisti ir savybe color (tuomet, jei vienu metu nustatytos savybės color ir border-color - antroji turi pirmenybę):

html<hr style="color: red">

Результат:

Pavyzdys

Dabar pakeiskime linijos spalvą naudodami CSS savybę border. Atkreipkite dėmesį į tai, kad tuomet linija taps dvigubo storio (nes mes nustatėme rėmelį ir viršuje, ir apačioje):

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

Результат:

Pavyzdys

Pabandykime pakeisti linijos spalvą naudodami CSS savybę border-top, ir nustatykime tik viršutinį rėmelį. Dabar dvigubos linijos nebus:

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

Результат:

Pavyzdys

Padarykime liniją taškų pavidalu naudodami CSS savybę border-top, nustatykime reikšmę dotted vietoj solid:

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

Результат:

Pavyzdys

Padidinkime linijos storį naudodami CSS savybę border-width:

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

Результат:

Pavyzdys

O dabar linijai pridėkime aukštį height ir rėmelį per border. Rėmelis tuomet suskils į viršutinį ir apatinį:

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

Результат:

Taip pat žiūrėkite