ویژگی text-shadow CSS
- صفحه قبل overflow-text
- صفحه بعدی text-transform
تعریف و استفاده
ویژگی text-shadow سایه‌ای را به متن تنظیم می‌کند.
لطفاً به: مراجعه کنید
دستورالعمل CSS3:تأثیرات متن CSS3
دستورالعمل HTML DOM:ویژگی textShadow
مثال
تأثیرات سایه‌های متن پایه:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
در پایین صفحه مثال‌های بیشتری وجود دارد.
نوشتار CSS
text-shadow: شادئ افقی شادئ عمودی تار رنگ;
نکته:ویژگی text-shadow سایه‌ای یک یا چندین سایه به متن اضافه می‌کند. این ویژگی یک لیست سایه‌های کاما جدا شده است، که هر سایه دارای دو یا سه مقدار طول و یک مقدار رنگ اختیاری است. مقدار طول گم شده ۰ است.
مقدار ویژگی
| مقدار | توضیح | آزمایش |
|---|---|---|
| شادئ افقی | ضروری. موقعیت سایه افقی. اجازه دارد مقادیر منفی داشته باشد. | آزمایش |
| شادئ عمودی | ضروری. موقعیت سایه عمودی. اجازه دارد مقادیر منفی داشته باشد. | آزمایش |
| تار | اختیاری. فاصله تار. | آزمایش |
| رنگ | اختیاری. رنگ سایه. مقدار رنگ CSS. | آزمایش |
جزئیات فنی
| مقدار پیش‌فرض: | هیچ‌یک |
|---|---|
| وراثت: | بله |
| نسخه: | CSS3 |
| نوشتار جاوااسکریپت: | اجسام.style.textShadow="2px 2px #ff0000" |
مثال‌های بیشتر
- سایه‌های متن با اثر تار
- این مثال سایه‌های متن با اثر تار را نمایش می‌دهد.
- سایه‌های بر روی متن سفید
- این مثال نمایش می‌دهد که چگونه می‌توان سایه‌های متن را بر روی متن سفید به کار برد.
- سایه‌های متن با اثر نوربالای
- این مثال نمایش می‌دهد که چگونه می‌توان سایه‌های متن با اثر نوربالای را به کار برد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- صفحه قبل overflow-text
- صفحه بعدی text-transform
