Hr teqi
hr teqi üfüqi ayırıcı xətt təyin edir.
Teqin üstünlüyü ondadır ki, tək xətt çəkmək
üçün əlavə bloklar yaratmaq tələb olunmur.
Bağlayıcı teq tələb etmir.
Nümunə
Gəlin hr teqinin necə işlədiyinə baxaq:
<hr>
:
Nümunə
Gəlin CSS border-color
xassəsindən istifadə edərək xəttin rəngini dəyişək:
<hr style="border-color: red;">
:
Nümunə
Xəttin rəngini color
xassəsi ilə də dəyişmək olar (eyni zamanda
color və border-color
xassələri təyin edilibsə - ikincisi üstünlük təşkil edir):
<hr style="color: red">
:
Nümunə
Gəlin indi isə CSS border
xassəsindən istifadə edərək xəttin rəngini dəyişək.
Diqqət edin ki, bu zaman xətt ikiqat qalınlıqda
olacaq (çünki həm yuxarı, həm də aşağı sərhəd təyin etdik):
<hr style="border: 1px solid red;">
:
Nümunə
Gəlin CSS border-top
xassəsindən istifadə edərək xəttin rəngini dəyişək
və yalnız yuxarı sərhədi təyin edək. İndi ikiqat xətt olmayacaq:
<hr style="border-top: 1px solid red;">
:
Nümunə
Gəlin CSS border-top
xassəsindən istifadə edərək xətti nöqtəli xətt şəklində edək,
solid əvəzinə dotted dəyərini təyin edək:
<hr style="border-top: 1px dotted red;">
:
Nümunə
Gəlin CSS border-width
xassəsindən istifadə edərək xəttin qalınlığını artıraq:
<hr style="border-width: 10px; border-color: red;">
:
Nümunə
İndi isə gəlin xəttə height
hündürlük və border
vasitəsilə sərhəd əlavə edək.
Sərhəd bu zaman yuxarı və aşağı hissələrə ayrılacaq:
<hr style="height: 10px; border: 1px solid red;">
:
Həmçinin bax
-
yeni sətirə keçid təyin edən
brteqi
