شناسه های مختلف قابل استفاده برای خط افقی

فرض کنید می خواهیم از یک خط افقی در صفحه خود استفاده کنیم، اما می خواهیم طول آن برابر یک تصویر یا قسمتی از یک متن باشد. یا شاید به یک خط افقی کوتاه که در سمت چپ یا راست صفحه قرار بگیرد، نیاز داشته باشیم. اینها خواصی هستند که ما می توانیم برای تگ HR یعنی همان خط افقی استفاده کنیم:

• width : 
  این فرمان مقدار عرض خط افقی را مشخص می کند. ر این فرمان شما می توانید از مقیاس پیکسل یا درصد استفاده کنید. گزینه پیش فرض برای این فرمان 100% است.

  ---

• "align="left : 
  این فرمان سمت قرار گرفتن خط افقی را مشخص می کند. شما می توانید خط را به صورت چپ چین، راست چین و در مرکز صفحه قرار دهید. گزینه پیش فرض این فرمان center است که خط را در مرکز صفحه قرار می دهد. البته زمانی این وضعیت مشخص می شود که عرض خط افقی کمتر از عرض صفحه باشد.

  ---

• "size="3 : 
  این فرمان اندازه خط را مشخص می کند. اندازه پیش فرض برای خط 2 است.

  ---

• "noshade="noshade : 
  این فرمان خط را به صورت تو پر نشان می دهد.

در اینجا هر کدام از فرمانهای بالا را با یک مثال بیشتر توضیح می دهیم.

---------------------------------------------------------------------------------------------------------------

<hr width="250">

با این فرمان خطی افقی مانند زیر خواهید داشت:

---

---------------------------------------------------------------------------------------------------------------

<hr width="250" align="right">

با این تگ یک خط افقی با عرض 250 پیکسل و در سمت راست صفحه خواهید داشت. مانند زیر:

---

---------------------------------------------------------------------------------------------------------------

<hr width="250" size="10">

با این تگ یک خط افقی با عرض 250 پیکسل و پهنای 10 خواهید داشت:

---

---------------------------------------------------------------------------------------------------------------

حالا یک اندازه بزرگ را برای پهنای خط انتخاب می کنیم، مثلاً 80 ، نتیجه به این صورت خواهید بود:

---

همانطور که ملاحظه می کنید، خط به صورت تو خالی و مانند یک حباب به نظر می رسد.

حالا اگر از فرمان noshade استفاده کنید، خط به صورت تو پر نمایش داده می شود:

<hr width="250" noshade="noshade">

---

این بار با اندازه 80 این تگ را امتحان می کنیم:

<hr width="250" size="80" noshade>

---

---------------------------------------------------------------------------------------------------------------

در برخی مرورگرها مانند اینترنت Internet Explorer 4.0 به بعد و Mozilla Firefox امکان تغییر رنگ خط نیز وجود دارد. اما ممکن است این رنگ در همه مرورگرها مثلاً Opera 9.0 قابل مشاهده نباشد و خط به رنگ پیش فرض مشاهده شود.

در این قسمت اگر با مرورگری مثل اینترنت اکسپلورر صفحه را مشاهده می کنید، می توانید خطی را به رنگ زرد مشاهده کنید اما اگر با مرورگری مثل Opera این صفحه را مشاهده می کنید، خط زیر را به رنگ خاکستری (رنگ پیش فرض) خواهید دید.

<hr width="250" size="20" color="yellow" noshade>