الدرس 6 من 8

أرقام مصطفّة

هدف الدرس

خانات متساوية في الجداول

01

الشرح

كثير من الخطوط تعطي كل رقم عرضه الطبيعي، فالرقم 1 أنحف من الرقم 8، ولا يلاحظ أحد ذلك في فقرة عادية، أما في الجدول فلا تقع الخانات تحت بعضها، وفي العدّاد الذي يتغيّر يهتزّ النصّ مع كل رقم جديد.

والخاصية font-variant-numeric: tabular-nums تطلب من الخطّ أرقامه الجدولية، وهي أرقام لها عرض واحد، فتقع الآحاد تحت الآحاد والفاصلة العشرية تحت الفاصلة العشرية.

والفخّ أن تحكم بعينك، فبعض خطوط الأنظمة أرقامها جدولية أصلًا، فلا ترى فرقًا على جهازك بينما يراه القارئ على جهاز آخر. لذلك اكتب الخاصية صراحة، وضعها على خلايا الأرقام وحدها، لأن الأرقام النسبية، أي التي يأخذ كل رقم منها عرضه الطبيعي، أريح للعين داخل الفقرات.

02

المطلوب

اجعل أرقام خلايا .num جدولية، واترك الفقرة .note تحت الجدول بأرقامها النسبية.

الفحوص

4 فحوص
  1. خلايا .num بأرقام جدولية
  2. كل رقم بالعرض نفسه
  3. الفواصل العشرية تحت بعضها
  4. الفقرة تحت الجدول بقيت بأرقامها النسبية
03

تلميحات

0/3
دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار تدرّج أحجام العناوين ووحدات القياس وطول السطر واتجاه النصّ، لأن النصّ هو أكثر ما يقرؤه الناس في أي واجهة.

مستواه مبتدئ، وفيه 8 دروس مجموع مدّتها ساعة ونصف.

index.html
المعاينة
index.html100%
–/4

اضغط «تشغيل وتصحيح» ليبدأ الفحص.

تجد 4 فحوص في بطاقة «المطلوب».

دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار تدرّج أحجام العناوين ووحدات القياس وطول السطر واتجاه النصّ، لأن النصّ هو أكثر ما يقرؤه الناس في أي واجهة.

مستواه مبتدئ، وفيه 8 دروس مجموع مدّتها ساعة ونصف.