الفرق بين المراجعتين ل"CSS/time"
(مراجعة متوسطة واحدة بواسطة مستخدم واحد آخر غير معروضة) | |||
سطر 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
: لا يجوز استخدام فراغ بين العدد والواحدة.
انظر أيضًا
- صفحة الخاصية
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).