Hr tegi

hr tegi gorizontal ajralish chizig'ini belgilaydi. Tegning afzalligi shundaki, bitta chiziq chizish uchun qo'shimcha bloklar yaratish shart emas. Yopuvchi teg talab qilmaydi.

Misol

Keling, hr tegi qanday ishlashini ko'rib chiqaylik:

<hr>

Misol

Keling, chiziq rangini CSS border-color xususiyati yordamida o'zgartiraylik:

<hr style="border-color: red;">

Misol

Chiziq rangini color xususiyati bilan ham o'zgartirish mumkin (bunda, agar color va border-color xususiyatlari bir vaqtda belgilangan bo'lsa - ikkinchisi ustunlik qiladi):

<hr style="color: red">

Misol

Keling, endi chiziq rangini CSS border xususiyati yordamida o'zgartiraylik. E'tibor bering, bunda chiziq qo'sha qalinlikka aylanadi (chunki biz chegarani ham yuqori, ham pastki qismida belgiladik):

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

Misol

Keling, chiziq rangini CSS border-top xususiyati yordamida o'zgartiraylik, va faqat yuqori chegarani belgilaylik. Endi qo'sha chiziq bo'lmaydi:

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

Misol

Keling, chiziqni nuqtalar shaklida qilaylik, buning uchun CSS border-top xususiyatidan foydalanib, solid o'rniga dotted qiymatini belgilaymiz:

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

Misol

Keling, chiziq qalinligini CSS border-width xususiyati yordamida oshiraylik:

<hr style="border-width: 10px; border-color: red;">

Misol

Endi esa chiziqqa height balandlik va border orqali chegarani qo'shaylik. Bunda chegaralar yuqori va pastki qismlarga ajraladi:

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

Shuningdek qarang

br tegi,
yangi qatorga o'tishni belgilaydi