سایهٔ متن
پرش به ناوبری
پرش به جستجو
ویژگی text-shadow برای متن سایه ایجاد می‌کند.[۱]
در ساده‌ترین حالت آن، فقط سایه عمودی (۲ پیکسل) و سایه افقی (۲ پیکسل) را مشخص می‌کنید:
Text shadow effect!
سپس، یک رنگ (قرمز) به سایه اضافه کنید:
Text shadow effect!
سپس یک حال کدر (5px) به سایه اضافه کنید:
Text shadow effect!
نکته: برای کسب اطلاعات بیشتر در مورد نحوه تغییر قلم ها، اندازه متون و استایل یک متن به بخش قلم های CSS مراجعه کنید.
نکته: برای آشنایی با جلوه‌های متنی مختلف به بخش جلوه‌های متن CSS ما مراحعه کنید.
خودتان را با تمرین‌ها آزمایش کنید!
تمامی ویژگی‌های متن در CSS
| ویژگی | توضیحات |
|---|---|
| color | رنگ متن را تنظیم می‌کند |
| direction | موقعیت متن / جهت نوشتن را مشخص می‌کند |
| letter-spacing | فاصله بین کاراکترها را در یک متن زیاد یا کم می‌کند |
| line-height | ارتفاع خط را مشخص می‌کند |
| text-align | تراز افقی متن را مشخص می‌کند |
| text-decoration | تزیینات اضافه شده به متن را مشخص می کند |
| text-indent | میزان تو رفتگی خط اول در یک بلوک متنی را مشخص می‌کند |
| text-shadow | به متن یک جلوه سایه اضافه می‌کند |
| text-transform | Capitalization متن یا بزرگ بودن حروف متن را بررسی می‌کند |
| text-overflow | مشخص می‌کند که محتوای اضافه ای نمایش داده نمی‌شود چگونه با علامت گذاری به کاربر نمایش داده شود |
| unicode-bidi | همراه با ویژگی direction استفاده می‌شود تا پشتیبانی یا عدم پشتیبانی متن از چندین زبان در یک سند را مشخص کند |
| vertical-align | تراز عمودی یک عنصر را مشخص می‌کند |
| white-space | مشخص می‌کند فواصل خالی درون یک عنصر چگونه مدیریت شوند |
| word-spacing | فواصل بین کلمات در یک متن را افزایش یا کاهش می‌دهد |
منابع آموزشی