Ž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:
<hr>
:
Pavyzdys
Pabandykime pakeisti linijos spalvą naudodami
CSS savybę border-color:
<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ę):
<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):
<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:
<hr style="border-top: 1px solid red;">
:
Pavyzdys
Padarykime liniją taškų pavidalu naudodami
CSS savybę border-top,
nustatykime reikšmę dotted vietoj solid:
<hr style="border-top: 1px dotted red;">
:
Pavyzdys
Padidinkime linijos storį naudodami
CSS savybę border-width:
<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į:
<hr style="height: 10px; border: 1px solid red;">
:
Taip pat žiūrėkite
-
žymą
br,
kuri nustato perkėlimą į naują eilutę
