قابلیت Text Effects در css چیست؟

  • توسط رضایی
  • 0 دیدگاه
  • آموزش ها
قابلیت Text Effects در css چیست؟

در این مقاله به بررسی قابلیت Text Effects در css می پردازیم.
در css3 قابلیتهای جدید برای نمایش ویژه متون اضافه شده است.
در این مقاله راجع به دو خاصیت text - shadow و word - wrap صحبت خواهم کرد.

پشتیبانی مرورگرهای مختلف از مشخصات این قابلیت است.

ولی IE از خاصیت text - shadow پشتیبانی نمیکند.
Opera Firefox , Chrome , Safari از خاصیت text - shadow پشتیبانی میکنند.
تقریبا همه مرورگرهای معروف از خاصیت word - wrap پشتیبانی می کنند.

خاصیت text - shadow

با استفاده از خاصیت text - shadow می توانیم به متون خود در صفحه وب سایه بدهیم و آنها را زیباتر کنیم.
مثل شکل زیر
سایه در cssما می توانیم میزان سایه افقی ، عمودی ، میزان محو شدگی و رنگ سایه را تعریف کنیم.
مثال: { ;h1{text-shadow: 5px 5px 5px #FF0000
در مثال بالا برای تگ h1 سایه تعریف شده است.
پارامترهای خاصیت text - shadow به شرح ذیل می باشند:

text-shadow: h-shadow v-shadow blur color;

h - shadow : اندازه سایه افقی
v - shadow : اندازه سایه عمودی blur : خاصیت محو شدگی و فاصله آن. Color : رنگ سایه .
خاصیت Word- wrap به صورت عادی وقتی متنی از فضایی که در آن قرار گرفته است بزرگتر باشد از محدوده خارج می گردد. با استفاده از خاصیت Word - wrap ما می توانیم تعیین کنیم که حتما متن در محدوده تعیین شده ما قرار بگیرد.

قابلیت Text Effects در css چیست؟ 5از 5براساس 2 رای

0 دیدگاه

دیدگاه خود را ارسال کنید

8 + 7 =