ظلال النص CSS

ظل النص

text-shadow خصائص الظل إضافة ظل إلى النص.

أبسط استخدام هو تحديد الظل الأفقي (2px) والظل العمودي (2px):

تأثير الظل النصي!

مثال

h1 {
  text-shadow: 2px 2px;
}

تجربة شخصية

ثم، أضف لون إلى الظل (أحمر):

تأثير الظل النصي!

مثال

h1 {
  text-shadow: 2px 2px red;
}

تجربة شخصية

ثم، أضف تأثير البهتة إلى الظل (5px):

تأثير الظل النصي!

مثال

h1 {
  text-shadow: 2px 2px 5px red;
}

تجربة شخصية

نصيحة:زيارة خط النص CSS الفصل، تعلم كيفية تغيير الخط، حجم النص و نمط النص.

نصيحة:زيارة أثر النص CSS الفصل، تعلم كيفية تحقيق تأثيرات نصية مختلفة.

جميع خصائص النص CSS

خاصية وصف
color تحديد لون النص.
direction تحديد اتجاه النص / اتجاه الكتابة.
letter-spacing تحديد مسافة المسافات بين الأحرف.
line-height تحديد طول السطر.
text-align تحديد كيفية ربط النص الأفقي.
text-decoration تحديد تأثير الزخرفة المضافة إلى النص.
text-indent تحديد الهوامش الأولية للسطر الأول في الكتلة النصية.
text-shadow تحديد تأثير الظل المضافة إلى النص.
text-transform تحكم في حجم النص.
text-overflow تحديد كيفية إيضاح المحتويات الزائدة غير المرئية للمستخدم.
unicode-bidi استخدامها مع خاصية direction لتحديد أو العودة إلى ما إذا كان يجب إعادة كتابة النص لدعم لغات متعددة داخل نفس المستند.
vertical-align تحديد كيفية ربط النص العمودي.
white-space تحديد كيفية معالجة الفراغات داخل العناصر.
word-spacing إعداد مسافة الكلمة.