الفرق بين المراجعتين ل"CSS/time"

من موسوعة حسوب
< CSS
اذهب إلى التنقل اذهب إلى البحث
 
 
(مراجعة متوسطة واحدة بواسطة مستخدم واحد آخر غير معروضة)
سطر 42: سطر 42:
 
* <code>12.0</code>: هذه قيمة عددية <code>[[CSS/number|<number>]]</code> وليست زمنية <code><nowiki><time></nowiki></code> لعدم وجود واحدة.
 
* <code>12.0</code>: هذه قيمة عددية <code>[[CSS/number|<number>]]</code> وليست زمنية <code><nowiki><time></nowiki></code> لعدم وجود واحدة.
 
* <code>‎7 ms</code>: لا يجوز استخدام فراغ بين العدد والواحدة.
 
* <code>‎7 ms</code>: لا يجوز استخدام فراغ بين العدد والواحدة.
 +
 +
== انظر أيضًا ==
 +
* صفحة الخاصية <code>[[CSS/animation|animation]]</code> وهي خاصية مختصرة تضبط قيم مختلف خاصيات CSS المتعلقة بالحركات وهي <code>[[CSS/animation-name|animation-name]]</code> و <code>[[CSS/animation-duration|animation-duration]]</code> و<code>[[CSS/animation-timing-function|animation-timing-function]]</code> و <code>[[CSS/animation-delay|animation-delay]]</code> و <code>[[CSS/animation-iteration-count|animation-iteration-count]]</code> و <code>[[CSS/animation-direction|animation-direction]]</code> و <code>[[CSS/animation-fill-mode|animation-fill-mode]]</code> و <code>[[CSS/animation-play-state|animation-play-state]]</code>.
 +
* صفحة الخاصية <code>[[CSS/transition|transition]]</code> وهي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات <code>[[CSS/transition-property|transition-property]]</code> و <code>[[CSS/transition-duration|transition-duration]]</code> و <code>[[CSS/transition-timing-function|transition-timing-function]]</code> و <code>[[CSS/transition-delay|transition-delay]]</code>.
  
 
== مصادر ومواصفات ==
 
== مصادر ومواصفات ==
 
* مواصفة [https://drafts.csswg.org/css-values-3/#time CSS Values and Units Module Level 3].
 
* مواصفة [https://drafts.csswg.org/css-values-3/#time CSS Values and Units Module Level 3].
 
* مواصفة ‎[http://www.w3.org/TR/CSS2/aural.html#times CSS Level 2 (Revision 1)‎].
 
* مواصفة ‎[http://www.w3.org/TR/CSS2/aural.html#times CSS Level 2 (Revision 1)‎].
[[تصنيف:CSS]]
+
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Data Type]]
+
[[تصنيف:CSS Data Type|{{SUBPAGENAME}}]]

المراجعة الحالية بتاريخ 18:36، 29 أكتوبر 2018

نوع البيانات <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: لا يجوز استخدام فراغ بين العدد والواحدة.

انظر أيضًا

مصادر ومواصفات