سایهٔ متن

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Css-menu.jpg
موارد آموزشی
۱خانه
۲مقدمه
۳شیوهٔ نوشتار
۴انتخابگرها
۵اضافه‌کردن CSS
۶نظرات
۷رنگ‌ها
۸پس‌زمینه‌ها
۹کادرها
۱۰حاشیه‌ها
۱۱Padding
۱۲ارتفاع/عرض
۱۳Box Model
۱۴Outline
۱۵متن
۱۶قلم‌ها
۱۷آیکن‌ها
۱۸لینک‌ها
۱۹لیست‌ها
۲۰جداول
۲۱ویژگی Display
۲۲ویژگی Max-Width
۲۳ویژگی Position
۲۴ویژگی Overflow
۲۵ویژگی Float
۲۶مقدار Inline-block
۲۷ترازکردن
۲۸ترکیب کننده‌ها
۲۹شبه کلاس
۳۰شبه عنصر
۳۱ویژگی Opacity
۳۲نوار Navigation
۳۳منو آبشاری
۳۴گالری تصویر
۳۵Image Sprites
۳۶انتخاب‌گرهای خاصیت
۳۷فرم‌ها
۳۸شمارنده‌ها
۳۹چیدمان وب‌سایت
۴۰واحدها
۴۱اولویت‌بندی
CSS پیشرفته
واکنش‌گرایی
Grid در CSS
مثال‌ها
مرجع‌ها

ویژگی text-shadow برای متن سایه ایجاد می‌کند.[۱]

در ساده‌ترین حالت آن، فقط سایه عمودی (۲ پیکسل) و سایه افقی (۲ پیکسل) را مشخص می‌کنید:

Text shadow effect!

مثال
h1 {
  text-shadow: 2px 2px;
}


سپس، یک رنگ (قرمز) به سایه اضافه کنید:

Text shadow effect!

مثال
h1 {
  text-shadow: 2px 2px red;
}


سپس یک حال کدر (5px) به سایه اضافه کنید:

Text shadow effect!

مثال
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 Capitalization متن یا بزرگ بودن حروف متن را بررسی می‌کند
text-overflow مشخص می‌کند که محتوای اضافه ای نمایش داده نمی‌شود چگونه با علامت گذاری به کاربر نمایش داده شود
unicode-bidi همراه با ویژگی direction استفاده می‌شود تا پشتیبانی یا عدم پشتیبانی متن از چندین زبان در یک سند را مشخص کند
vertical-align تراز عمودی یک عنصر را مشخص می‌کند
white-space مشخص می‌کند فواصل خالی درون یک عنصر چگونه مدیریت شوند
word-spacing فواصل بین کلمات در یک متن را افزایش یا کاهش می‌دهد


منابع آموزشی