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:

html<hr>

Результат:

Piemērs

Mēģināsim nomainīt līnijas krāsu, izmantojot CSS īpašību border-color:

html<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):

html<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šā):

html<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:

html<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:

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

Результат:

Piemērs

Palielināsim līnijas biezumu, izmantojot CSS īpašību border-width:

html<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ļā:

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

Результат:

Skatiet arī