ویژگی text-shadow در CSS
با ویژگی text-shadow می توان یک سایه برای متن ایجاد کرد.
PNLdev
text-shadow: 3px 4px;
پارامترهای text-shadow در CSS
text-shadow: x y blur color;
ویژگی text-shadow در CSS، چهار پارامتر دریافت می کند:
- پارامتر اول (x): موقعیت افقی سایه را مشخص می کند.
- پارامتر دوم (y): موقعیت عمودی سایه را مشخص می کند.
- پارامتر سوم (blur): میزان تاری سایه مشخص می کند.
- پارامتر چهارم (color): رنگ سایه را مشخص می کند.
محل قرارگیری سایه متن در CSS
برای تنظیم موقعیت سایه متن، در جهت های افقی و عمودی از پارامتر اول و دوم این ویژگی استفاده می شود.
text-shadow: 3px 4px;
میزان تاری سایه متن در CSS
برای تعیین میزان تاری سایه متن، پارامتر سوم را به صورت عددی قرار می دهیم.
text-shadow: 3px 3px 6px;
رنگ سایه متن در CSS
برای تعیین رنگ سایه متن، پارامتر چهارم را می توان با رنگ پر کرد.
text-shadow: 3px 3px 6px green;
نکته: برای آشنایی با رنگ ها، به درس رنگ ها در CSS مراجعه کنید.
خلاصه درس
در این درس با ویژگی text-shadow در CSS:
- پارامتر های text-shadow
- محل قرارگیری سایه متن
- میزان تاری سایه متن
- رنگ سایه متن
آشنا شدیم.
توسعه دهندگان
احسان اسلامی