تقنية

⁦opacity⁩ في ⁦CSS⁩: هل تساوي ⁦50⁩ النسبة ⁦50%⁩؟

0.5 و50% تعطيان 0.5؛ العدد 50 يعطي 1.
القيم المحسوبة في مثالنا.

افحص الصياغة.

الخلاصة السريعة

لا؛ النسبة 50% تعطي 0.5، أما العدد 50 فتكون قيمته المحسوبة 1.

  • 50% تساوي 0.5.
  • العدد 50 يحصر إلى 1.
  • اقرأ القيمة المحسوبة.
  • الاختبار ليس قياس لون شاشة.

علامة النسبة مهمة

مسودة CSS Color4 تقبل عددًا أو نسبة؛ تحول النسب إلى المجال من صفر إلى واحد، وتحصر الأعداد خارجه عند الحساب.

قراءة المتصفح

أنشأنا ثلاثة عناصر بقيم opacity: 0.5 و50% و50. أعاد getComputedStyle القيم 0.5 و0.5 و1، بالترتيب. وفي style.opacity ظهر 50% كعدد 0.5، بينما بقي العدد 50.

حدود النتيجة

قرأنا خاصية محسوبة في متصفح واحد؛ لم نقس بكسلات أو شاشة. لا تحذف علامة النسبة اعتمادًا على تشابه العددين.

المصادر ومتابعة القراءة

  1. W3C — مسودة CSS Color4، 3.3 (يفتح في نافذة جديدة)w3.org

أُعدّ هذا المقال بصياغة عربية أصلية بالاستناد إلى المصادر أعلاه، وهو مدخل تمهيدي إلى الموضوع. اقرأ منهجية المحتوى وحدوده.