اللانهاية في CSS: رحلة غريبة عبر تفسيرات المتصفح

تستكشف هذه المقالة السلوك الغريب لكلمة المفتاح `infinity` في دوال الحساب في CSS. من خلال تطبيق `infinity` على خصائص مثل `text-indent` و `word-spacing` و `letter-spacing`، يكتشف الكاتب عدم الاتساق في كيفية تعامل المتصفحات المختلفة مع القيم اللانهائية، على الرغم من أن النتائج المرئية تؤدي بشكل ثابت إلى تجاوز أفقي. والأكثر إثارة للاهتمام، عند استخدامه مع `z-index`، يتم تحديد القيمة المحسوبة لـ `infinity` بأقصى قيمة عدد صحيح في جميع المتصفحات، مما يؤدي إلى ترتيب تراكب غير متوقع. أخيرًا، يجرب الكاتب استخدام `infinity` لمدة الرسوم المتحركة، ويجد أنها تُترجم إلى أوقات طويلة للغاية، بل إنها تتسبب في عدم استجابة Safari للصفحة. باختصار، تكشف التجربة عن الاستراتيجيات المختلفة التي تستخدمها المتصفحات في التعامل مع القيم اللانهائية في CSS وبعض الآثار الجانبية المدهشة.