كيف أضيف حدودًا إلى جدول في Markdown؟

2024-08-05

الإصدار القصير

لا يدعم Markdown حدود الجداول بشكل مباشر؛ استخدم HTML بدلاً من ذلك:

<table>
<tr>
<th>الاسم</th>
<th>العمر</th>
<th>الموقع</th>
</tr>
<tr>
<td>جون</td>
<td>30</td>
<td>الولايات المتحدة</td>
</tr>
<tr>
<td>جين</td>
<td>25</td>
<td>كندا</td>
</tr>
</table>

الإصدار الطويل

1. فهم قيود Markdown

لا يدعم Markdown نفسه إضافة حدود للجداول بشكل افتراضي. ومع ذلك، فإنه يوفر وسيلة لإنشاء جداول بسيطة باستخدام أنابيب وشرطات للأعمدة والصفوف.

2. استخدام HTML للجداول مع الحدود

إذا كانت الحدود مطلوبة، يمكنك استخدام HTML القياسي بدلاً من بناء جملة Markdown. إليك كيفية القيام بذلك:

<table>
<tr>
<th>الاسم</th>
<th>العمر</th>
<th>الموقع</th>
</tr>
<tr>
<td>جون</td>
<td>30</td>
<td>الولايات المتحدة</td>
</tr>
<tr>
<td>جين</td>
<td>25</td>
<td>كندا</td>
</tr>
</table>

سيؤدي ذلك إلى عرض جدول مع الحدود، بغض النظر عن عارض Markdown.

3. تنسيق الحدود باستخدام CSS

إذا كنت تقوم بتضمين Markdown داخل صفحة ويب، يمكنك تنسيق حدود الجدول باستخدام CSS. استخدم قاعدة CSS التالية لإضافة حدود لجميع الجداول:

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
}

ستعزز إضافة هذه CSS الجانب البصري لجدول Markdown عند عرضه في بيئة الويب.