تنظیم ویژگی textShadow
- صفحه قبلی textOverflow
- صفحه بعدی textTransform
- برگشت به لایه بالاتر شیء Style HTML DOM
تعریف و استفاده
textShadow تنظیم یا بازگشتی یک یا چندین سایه به متن.
لطفاً ببینید:
آموزش CSSت_SHADOW متن CSS
دستورالعمل CSSویژگی text-shadow
مثال
مثال 1
اضافه کردن سایه به متن:
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
مثال 2
بازگشتی سایه متنی:
alert(document.getElementById("myP").style.textShadow);
نحوه نوشتن
بازگشتی ویژگی textShadow:
object.style.textShadow
تنظیم ویژگی textShadow:
object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
نکته:ویژگی textShadow سایه‌ای یک یا چندین سایه به متن اضافه می‌کند. این ویژگی لیستی از سایه‌ها است که با استفاده از کاما جدا شده‌اند، هر سایه شامل 2 یا 3 مقدار طول و رنگ اختیاری است. طول‌های省کته 0 هستند.
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| none | سایه را نکشید. پیش‌فرض. |
| h-shadow | ضروری. موقعیت سایه افقی. مقدار منفی مجاز است. |
| v-shadow | ضروری. موقعیت سایه عمودی. مقدار منفی مجاز است. |
| blur | اختیاری. فاصله تاریکی. |
| color |
اختیاری. رنگ سایه. لطفاً ببینید رنگ‌های CSS، برای لیست کامل‌تر رنگ‌های ممکن مراجعه کنید. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| مقدار بازگشتی: | رشته، لیست اثرات سایه متنی اعمال شده به عنصر با استفاده از کاما جدا شده است. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
تعداد در جدول نشان‌دهنده نسخه مرورگر اولین است که این ویژگی را کامل پشتیبانی می‌کند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | 10.0 | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی textOverflow
- صفحه بعدی textTransform
- برگشت به لایه بالاتر شیء Style HTML DOM
