تگ hr در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ hr در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ hr چیست؟

تگ hr که اشاره به عبارت Horizontal Rule دارد برای ایجاد خط در صفحه به کار می رود.

ساختار این تگ به شکل زیر است و نیاز به بستن ندارد.

<hr>

مثال تگ hr

کد:

<p>وبسایت آموزشی</p>
<hr>
<p>کدیونی</p>

اجرا

تنظیمات پیش فرض CSS

تنظیمات پیش فرض 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 با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS