فرض کنید می خواهیم از یک خط افقی در صفحه خود استفاده کنیم، اما می خواهیم طول آن برابر یک تصویر یا قسمتی از یک متن باشد. یا شاید به یک خط افقی کوتاه که در سمت چپ یا راست صفحه قرار بگیرد، نیاز داشته باشیم. اینها خواصی هستند که ما می توانیم برای تگ HR یعنی همان خط افقی استفاده کنیم:
:width
این فرمان مقدار عرض خط افقی را مشخص می کند. ر این فرمان شما می توانید از مقیاس پیکسل یا درصد استفاده کنید. گزینه پیش فرض برای این فرمان ۱۰۰% است.
:”align=”left
این فرمان سمت قرار گرفتن خط افقی را مشخص می کند. شما می توانید خط را به صورت چپ چین، راست چین و در مرکز صفحه قرار دهید. گزینه پیش فرض این فرمان center است که خط را در مرکز صفحه قرار می دهد. البته زمانی این وضعیت مشخص می شود که عرض خط افقی کمتر از عرض صفحه باشد.
:”size=”3
این فرمان اندازه خط را مشخص می کند. اندازه پیش فرض برای خط ۲ است.
:”noshade=”noshade
این فرمان خط را به صورت تو پر نشان می دهد.

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

<hr width=”250″ align=”right”>

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

—————————————————————————————————————

<hr width=”250″ size=”10″>

با این تگ یک خط افقی با عرض ۲۵۰ پیکسل و پهنای ۱۰ خواهید داشت:
—————————————————————————————————————
حالا یک اندازه بزرگ را برای پهنای خط انتخاب می کنیم، مثلاً ۸۰ ، نتیجه به این صورت خواهید بود:

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

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

<hr width=”250″ noshade=”noshade”>

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

<hr width=”250″ size=”80″ noshade>

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