Hr tags
Tags hr izveido horizontālu atdalošu
līniju. Šī taga priekšrocība ir tā, ka, lai
uzzīmētu vienu līniju, nav jāveido papildu
bloki. Nepieprasa aizverošo
tagu.
Piemērs
Apskatīsim, kā darbojas tags hr:
<hr>
:
Piemērs
Mēģināsim nomainīt līnijas krāsu, izmantojot
CSS īpašību border-color:
<hr style="border-color: red;">
:
Piemērs
Līnijas krāsu var arī mainīt ar īpašību
color
(tajā pašā laikā, ja ir iestatītas abas īpašības
color un border-color
- otrajam ir prioritāte):
<hr style="color: red">
:
Piemērs
Tagad mēģināsim mainīt līnijas krāsu, izmantojot
CSS īpašību border.
Ievērojiet, ka šajā gadījumā līnija
kļūs dubultā biezumā (jo mēs pievienojām
apmali gan augšpusē, gan apakšā):
<hr style="border: 1px solid red;">
:
Piemērs
Mēģināsim mainīt līnijas krāsu, izmantojot CSS
īpašību border-top,
un iestatīsim tikai augšējo apmali. Tagad
dubultās līnijas vairs nebūs:
<hr style="border-top: 1px solid red;">
:
Piemērs
Izveidosim līniju punktu veidā, izmantojot
CSS īpašību border-top,
iestatīsim vērtību dotted instead of solid:
<hr style="border-top: 1px dotted red;">
:
Piemērs
Palielināsim līnijas biezumu, izmantojot
CSS īpašību border-width:
<hr style="border-width: 10px; border-color: red;">
:
Piemērs
Un tagad līnijai pievienosim augstumu height
un apmali, izmantojot border.
Apmale šajā gadījumā sadalīsies augšējā un apakšējā daļā:
<hr style="height: 10px; border: 1px solid red;">
:
Skatiet arī
-
tags
br,
kas ievieto jaunas rindas pārtraukumu
