<hr>
Misol
Kontentdagi tematik o‘zgarishlarni belgilash uchun <hr> tegidan foydalaning:
<h1>The Main Languages of the Web</h1>
<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page, and consists of a series of elements. HTML elements tell the browser how to display the content.</p>
<hr>
<p>CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work, because it can control the layout of multiple web pages all at once.</p>
<hr>
<p>JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and attribute values. JavaScript can change CSS. JavaScript can hide and show HTML elements, and more.</p>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<hr> tegi HTML sahifadagi tematik uzilishni (masalan, mavzu o‘zgarishini) belgilaydi.
<hr> elementi ko‘pincha HTML sahifadagi kontentni ajratish (yoki o‘zgarishni belgilash) uchun ishlatiladigan gorizontal chiziq sifatida ko‘rsatiladi.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <hr> | Ha | Ha | Ha | Ha | Ha |
Global atributlar
<hr> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<hr> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
<hr> elementini tekislash (CSS yordamida):
<hr style="width:50%;text-align:left;margin-left:0">
O‘zingiz sinab ko‘ring »
Misol
Soyasiz <hr> (CSS yordamida):
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
O‘zingiz sinab ko‘ring »
Misol
<hr> elementining balandligini o‘rnatish (CSS yordamida):
<hr style="height:30px">
O‘zingiz sinab ko‘ring »
Misol
<hr> elementining kengligini o‘rnatish (CSS yordamida):
<hr style="width:50%">
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML DOM ma’lumotnomasi: HR obyekti
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <hr> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!