برچسب <hr> HTML

تعریف و استفاده

<hr> برچسب‌ها برای تعریف جدا کردن موضوعات در صفحه HTML استفاده می‌شوند (مثلاً تغییر موضوع).

<hr> عناصر معمولاً به عنوان خط افقی نمایش داده می‌شوند و برای جدا کردن محتوا در صفحات HTML استفاده می‌شوند، یا برای تعریف تغییرات در محتوا استفاده می‌شوند.

لطفاً به:

دستورالعمل HTML DOM:مجموعه HR

مثال

مثال 1

استفاده از <hr> برچسب‌ها برای تعریف تغییرات موضوعی در محتوا استفاده می‌شوند:

<h1>زبان‌های اصلی وب</h1>
<p>HTML زبانی استاندارد برای ایجاد صفحات وب است. HTML ساختار صفحات وب را توصیف می‌کند که از مجموعه‌ای از عناصر تشکیل شده است......</p>
<hr>
<p>CSS زبانی است که برای توصیف نحوه نمایش عناصر HTML روی صفحه نمایش، کاغذ یا دیگر رسانه‌ها استفاده می‌شود......</p>
<hr>
<p>JavaScript زبانی است که برای HTML و وب استفاده می‌شود. JavaScript می‌تواند محتوای HTML و ارزش‌های ویژگی‌ها را تغییر دهد......</p>

آزمایش کنید

مثال 2

تراز <hr> عنصر (استفاده از CSS):

<hr style="width:50%;text-align:left;margin-left:0">

آزمایش کنید

مثال 3

بدون سایه <hr> استفاده از CSS:

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

آزمایش کنید

مثال 4

تنظیم <hr> ارتفاع عنصر (با استفاده از CSS):

<hr style="height:30px">

آزمایش کنید

مثال 5

تنظیم <hr> عرض عنصر (با استفاده از CSS):

<hr style="width:50%">

آزمایش کنید

ویژگی‌های جهانی

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

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

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

تنظیمات 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;
}

آزمایش کنید

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی