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:

html<hr>

Результат:

Nümunə

Gəlin CSS border-color xassəsindən istifadə edərək xəttin rəngini dəyişək:

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

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

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

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

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

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

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

Результат:

Həmçinin bax