خصوصیت text-shadow

مثال

افزودن سایه به متن:

		h1

		{

		text-shadow: 2px 2px #ff0000;

		}

خودتان امتحان کنید »

در انتهای این آموزش، مثال های بیشتری را خواهید دید.

پشتیبانی مرورگرها

تمام مرورگرهای اصلی، خصوصیت text-shadow را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، تنظیم چند پس زمینه برای یک عنصر را پشتیبانی نمی کند.

تعریف و کاربرد

با استفاده از خصوصیت text-shadow می توان به متن سایه اضافه کرد.

مقدار پیشفرض	none
ارث بری	بله
نسخه	CSS3
JavaScript ساختار	object.style.textShadow="2px 2px #ff0000"

نحوه استفاده

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

توجه: با استفاده از خصوصیت text-shadow می توان یک سایه یا تعداد بیشتری سایه به متن افزود. می توان مشخصات مربوط به هر سایه را با کاما از یکدیگر جدا کرد و به عبارتی با افزودن کاما و مقادیر مربوط به سایه افقی، عمودی (و احتمالا تیرگی سایه و رنگ آن) می توان سایه ها را به متن افزود.

مقدار	توضیحات	نمایش دادن
h-shadow	الزامی است. مکان سایه افقی را مشخص می کند. مقادیر منفی نیز قابل قبول است.	نمایش دادن »
v-shadow	الزامی است. مکان سایه عمودی را مشخص می کند. مقادیر منفی نیز قابل قبول است.	نمایش دادن »
blur	اختیاری است. عمق تیرگی و محو شدگی را مشخص می کند.	نمایش دادن »
color	برای مشاهده مقادیر ممکن برای خصوصیت color لطفا CSS Colors را ملاحظه فرمایید.	نمایش دادن »

لینک های اصلی

مرجع CSS

خصوصیت text-shadow

مثال

پشتیبانی مرورگرها

تعریف و کاربرد

نحوه استفاده

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.