تگ <hr></hr> در html - وب سایت PNLdev

نمونه کد

A simple <hr> tag that open PNLdev.com link:

<p>Lorem ipsum dolor sit amet...<hr>Lorem ipsum dolor sit amet...</p>

آزمایشگاه

تعریف و کاربرد

برای ایجاد یک خط افقی در بین متن یا بخش های خاص در سند های html، از تگ <hr> استفاده می کنیم.

استفاده از تگ <hr> معمولا برای تغییر موضوع در ناحیه متنی استفاده می شود.

نکات

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<hr>

ویژگی های سراسری

تگ hr از ویژگی های سراسری HTML پشتیبانی می کند.

ویژگی های رویداد

تگ hr از ویژگی های رویداد HTML پشتیبانی می کند.

نمونه کد های بیشتر

نمونه کد

مثال شماره 1 تگ <hr> در HTML

<h1>Hello, welcome to the PNLdev website</h1>
<hr>
<h2>This is an sample for a hr tag</h2>

آزمایشگاه

نمونه کد

مثال شماره 2 با استایل اختصاصی تگ <hr> در HTML

<h1>Hello, welcome to the PNLdev website</h1>
 <hr style="width: 50%;text-align: center;">
<h2>This is an example for a link tag in a head tag
</h2>

آزمایشگاه

استایل css پیش فرض

بیشتر مرورگر ها تگ hr را با استایل پیشفرض زیر نمایش می دهند:

hr{
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

تگ <hr> در HTML <hr> tag HTML

نمونه کد

تعریف و کاربرد

نکات

سازگاری با مرورگر

ویژگی های سراسری

ویژگی های رویداد

نمونه کد های بیشتر

نمونه کد

نمونه کد

استایل css پیش فرض

تگ <hr> در HTML
<hr> tag HTML