انتقل إلى محتوى الدرس

Text Shadow Purpose and Syntax مفهوم ظل النص وبنيته

تعلّم توظيف خاصية text-shadow في لغة CSS لضبط الإزاحة الأفقية والرأسية ونصف قطر التمويه وتلوين الظلال بالأسماء وأكواد Hex وتركيب الظلال المتراكبة للعناوين.
3 صفوف تعليمية
لغة CSS
5,512 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عندما يستقر عنوان رئيسي فوق خلفية ملونة بارزة أو لافتة ترحيبية، قد يبدو النص المسطح باهت الحضور أو ضعيف التمايز عن محيطه. تمنحك خاصية text-shadow القدرة على رسم ظل واحد أو أكثر خلف انحناءات الحروف نفسها مباشرةً، مما يضفي إحساساً بالعمق والارتفاع البصري دون الحاجة إلى تصميم العناوين كصور ثابتة.

تتكون بنية الظل الكامل من أربع قيم مفصولة بمسافات وفق الصيغة القياسية text-shadow: offset-x offset-y blur-radius color;؛ حيث تُعد القيمتان الأوليان للإزاحة الأفقية offset-x والرأسية offset-y إلزاميتين دائماً، بينما يبقى نصف قطر التمويه blur-radius (وقيمته الافتراضية 0) ولون الظل color اختياريين، ويمكن إلغاء أي ظل موروث في أي وقت عبر text-shadow: none;.

الصف 2 صورة توضيحية
مخطط بنية خاصية text-shadow في CSS يوضح الإزاحة الإلزامية ونصف قطر التمويه واللون وتركيب الظلال المتراكبة بالفاصلة
الصف 3 ملاحظة هامة