محتوى المقالة
إخفاء
يقوم الوسم hr بإنشاء خط افقي في الووردبريس أو HTML وذلك لفصل عدة نقاط عن بعضها البعض عند كتابة مقالة للتوضيح وكذلك لتسهيل عملية الشرح وطرح الدروس على الانترنت.
يمكن من خلال hr
عمل خط افقي بطرق سهلة ويمكن ايضاً جعله عريض وبألوان كما تشاء ويتكون الكود بشكل مبدئي هكذا
1 |
<hr /> |
إن كنت تعرف كيف تقوم بتحرير CSS أو HTML فسيسهل عليك الامر بشكل كثير أو ربما تكون على دراية بذلك.
خط افقي منقط ..
1 |
<hr style=" height:2px;border:none;border-top:5px dotted red;" /> |
خط افقي مخطط
1 |
<hr style="height: 1px; border: none; border-top: 1px dashed red;" /> |
خط افقي
1 |
<hr style="height: 2px; border: none; border-top: 1px solid red;" /> |
خط افقي عريض
1 |
<hr style="height: 2px; border: none; border-top: 10px groove red;" /> |
خط افقي قصير بالمنتصف
1 |
<hr style="border: solid; color: #6FA939; width: 50%; text-align: center;" /> |
بالامكان تجربة الاكواد من خلال هذا الموقع