عند العمل مع الجداول على صفحات الويب ، قد تحتاج أحيانا إلى تعيين حجم خط واحد للجدول بأكمله. يمكن أن يكون هذا مفيدا إذا كنت ترغب في إنشاء عرض منظم ومصمم بشكل جميل لبياناتك. في هذه المقالة ، سننظر في عدة طرق لكيفية القيام بذلك.
الطريقة 1: باستخدام خاصية نمط كس "حجم الخط". الطريقة الأكثر شيوعا لتعيين حجم الخط لجدول كامل هي استخدام كس. يمكنك تعيين حجم الخط للجدول بأكمله عن طريق إضافة القاعدة التالية إلى ملف النمط الخاص بك:
الجدول {"حجم الخط: 16 بكسل؛"}
في هذا المثال ، قمنا بتعيين حجم الخط إلى 16 بكسل للجدول بأكمله. يمكنك تغيير هذه القيمة وفقا لاحتياجاتك.
الطريقة 2: استخدام سمة هتمل "نمط". طريقة أخرى هي استخدام سمة هتمل "نمط" لتعيين حجم الخط مباشرة في رمز الجدول. أضف السمة التالية إلى علامة الجدول:
في هذا المثال ، قمنا أيضا بتعيين حجم الخط على 16 بكسل للجدول بأكمله. يمكنك تغيير هذه القيمة حسب احتياجاتك.
- كيفية نمط الجدول
- تغيير حجم الخط للجدول
- مثال على استخدام الأنماط لجدول
كيفية نمط الجدول
يتيح لك تصميم الطاولة تغيير مظهره وجعله أكثر جاذبية للمستخدمين. هناك عدة طرق لتصميم جدول في هتمل:
1. استخدام السمات:
يوفر هتمل عدة سمات لتصميم الجدول ، مثل بغكولور ، الحدود ، سيلبادينغ ، الخ. على سبيل المثال ، لتغيير لون الخلفية لخلايا الجدول ، يمكنك استخدام السمة بغكولور:
الخلية 3
2. باستخدام كس:
,
أو استخدام الفئات والمعرفات.
على سبيل المثال ، لتغيير حجم الخط ولون النص للجدول بأكمله:
باستخدام كس يسمح لك لتطبيق أنماط أكثر تعقيدا مثل الظلال ، التدرجات ، والرسوم المتحركة إلى الجدول.
عند اختيار طريقة تصميم الجدول ، يجب أن تأخذ في الاعتبار متطلبات المشروع ومهاراتك والنتيجة المرجوة.
تغيير حجم الخط للجدول
ثم قم بتطبيق هذه الفئة على الجدول باستخدام السمة
فئة
:
لتعيين أنماط لجدول في هتمل ، يمكنك استخدام سمات الخلية والصف ، وكذلك استخدام أنماط كس.
يمكنك استخدام نمط كس لتغيير حجم الخط للجدول بأكمله. للقيام بذلك ، إنشاء فئة كس وتطبيقه على الجدول.
نموذج التعليمات البرمجية: