CSS3 Text Effect
CSS3 جتد ویژگی جدید برای نوشته های زیبای شما دارد !
در این درس شما با ویژگی های زیر آشنا می شوید :
CSS3 جتد ویژگی جدید برای نوشته های زیبای شما دارد !
در این درس شما با ویژگی های زیر آشنا می شوید :
- text-shadow
- word-wrap
پشتیبانی مرورگر ها
اینترنت اکسپلورر هنوز از text-shadow پشتیبانی نکرده است .
فایرفاکس ، کروم ، سافاری و اپرا از این ویژگی پشتیبانی میکنند .
تمامی مرورگر های شناخته شده از word-wrap پشتیبانی می کنند .
ویژگی text-shadow در CSS3
با استفاده از text-shadow میتوانید به نوشته های خود افکت دهید .
شما میتوانید سایه عمودی ، سایه افقی ، میزان محو بودن و رنگ سایه را تعیین کنید :
وقتی یک نوشته از میزان تعیین شده عرض آن بیشتر باشد از آن بیرون می زند :
This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.
با استفاده از سی اس اس 3 و ویژگی word-wrapping میتوانید لغت بسیار بلند را مجبور کنید که کوتاه شود و به خط بعدی برود :
This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.
سی اس اسی که استفاده شد به صورت زیر است :
نمونه
(word-wrap)
p {word-wrap:break-word;}