"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيفية ضبط عرض عمود الجدول باستخدام CSS؟

كيفية ضبط عرض عمود الجدول باستخدام CSS؟

تم النشر بتاريخ 2024-11-08
تصفح:344

How to Set Table Column Width Using CSS?

إعداد عرض عمود الجدول

تُستخدم الجداول بشكل شائع لتقديم البيانات الجدولية، ولكن ضبط عرض الأعمدة يمكن أن يكون ضروريًا لضمان سهولة القراءة والدقة تنسيق. في هذه المقالة، سنستكشف كيفية ضبط عرض أعمدة الجدول باستخدام CSS.

الطريقة باستخدام خاصية عرض CSS

يمكن عرض عمود الجدول يتم تعيينها باستخدام خاصية العرض للعنصر col. يمكن تحديد قيمة العرض بالبكسل (على سبيل المثال، العرض: 200 بكسل;) أو كنسبة مئوية من عرض العنصر الأصلي (على سبيل المثال، العرض: 50%;).

مثال على سمة النمط المضمّن:

يستخدم هذا المثال سمات النمط المضمنة داخل عنصر عمود لتعيين عرض ثلاثة الأعمدة:

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3