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:

html<hr>

Результат:

Misol

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

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

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

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

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

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

Результат:

Misol

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

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

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

Результат:

Shuningdek qarang