سایهٔ متن
پرش به ناوبری
پرش به جستجو
ویژگی 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 | فواصل بین کلمات در یک متن را افزایش یا کاهش میدهد |
منابع آموزشی