القيمة <time>
نوع البيانات <time> يُمثِّل قيمةً زمنيةً يُعبَّر عنها بالثانية أو بالملي ثانية، وتُستَخدم في خاصية animation و transition وغيرهما.
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الرئيسي | مدعومة | 4.0 | 9.0 | 10.5 | مدعومة |
الشكل العام
يتألف نوع البيانات <time> من عدد <number> تتبعه واحدة من الواحدات المذكورة أدناه، ويمكن أن يُسبَق الرقم -اختياريًا- بإشارة + أو -؛ وكما في جميع القيم التي تقبل واحدات في CSS، لا يوجد فراغ بين الواحدة والقيمة الرقمية.
ملاحظة: صحيحٌ أنَّ الرقم 0 يُمثِّل نفس القيمة بغض النظر عن الواحدة، لكن لا يُسمَح بحذف الواحدة في القيم الزمنية <time>، أي لا يجوز استخدام 0 بمفرده، وإنما يجب أن يكون 0s أو 0ms.
الواحدة s
تمثيل الوقت بالثانية، مثلًا: 0s أو 1.5s أو -60s.
الواحدة ms
تمثيل الوقت بالملي ثانية (جزء من ألف جزء من الثانية)، مثلًا: 0ms أو 150.25ms أو -60000ms.
ملاحظة: للتحويل من الثانية s للملي ثانية ms، فاضرب بالعدد 1000، أي كل 1s تساوي 1000ms.
أمثلة
أمثلة عن قيم زمنية صالحة:
12s: عدد صحيح موجب.-456: عدد صحيح سالب.4.3ms: عدد عشري.14mS: الواحدات غير حساسة لحالة الأحرف، مع أنَّ من المستحسن تجنّب استخدام الأحرف الكبيرة.+0sأو -0s: القيمة الزمنية 0.
أمثلة عن قيم زمنية غير صالحة:
0: صحيحٌ أنَّ الرقم0يُمثِّل نفس القيمة بغض النظر عن الواحدة، لكن لا يُسمَح بحذف الواحدة في القيم الزمنية<time>.12.0: هذه قيمة عددية<number>وليست زمنية<time>لعدم وجود واحدة.7 ms: لا يجوز استخدام فراغ بين العدد والواحدة.
انظر أيضًا
- صفحة الخاصية
animationوهي خاصية مختصرة تضبط قيم مختلف خاصيات CSS المتعلقة بالحركات وهيanimation-nameوanimation-durationوanimation-timing-functionوanimation-delayوanimation-iteration-countوanimation-directionوanimation-fill-modeوanimation-play-state. - صفحة الخاصية
transitionوهي خاصية مختصرة تؤدي إلى ضبط قيم الخاصياتtransition-propertyوtransition-durationوtransition-timing-functionوtransition-delay.
مصادر ومواصفات
- مواصفة CSS Values and Units Module Level 3.
- مواصفة CSS Level 2 (Revision 1).