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