ت_shadow text CSS

سایه متنی

text-shadow ویژگی به متن سایه اضافه می‌کند.

ساده‌ترین استفاده این است که تنها سایه افقی (2px) و سایه عمودی (2px) را مشخص کنید:

اثر سایه متنی!

مثال

h1 {
  text-shadow: 2px 2px;
}

آزمایش کنید

در مرحله بعد، رنگ را به سایه اضافه کنید (قرمز):

اثر سایه متنی!

مثال

h1 {
  text-shadow: 2px 2px red;
}

آزمایش کنید

سپس، اثر مبهم را به سایه اضافه کنید (5px):

اثر سایه متنی!

مثال

h1 {
  text-shadow: 2px 2px 5px red;
}

آزمایش کنید

توضیحات:لطفاً به font CSS یک فصل، یاد بگیرید که چگونه فونت، اندازه متنی و سبک متنی را تغییر دهید.

توضیحات:لطفاً به تأثیرات text CSS یک فصل، یاد بگیرید که چگونه اثرهای متنی مختلف را ایجاد کنید.

تمام ویژگی‌های متنی CSS

ویژگی توضیحات
color رنگ متن را تنظیم می‌کند.
direction تعریف می‌کند که چگونه متن را در صفحه نمایش قرار دهیم.
letter-spacing فضای بین حروف را تنظیم می‌کند.
line-height ارتفاع خطوط را تنظیم می‌کند.
text-align تعریف می‌کند که چگونه متن را در محیط عمودی عمود قرار دهیم.
text-decoration تعریف می‌کند که چگونه باید به متن اضافه شود.
text-indent تعریف می‌کند که چگونه باید اولین سطر یک بلاک متنی به داخل فرو رود.
text-shadow تعریف می‌کند که چگونه سایه‌ای به متن اضافه شود.
text-transform کنترل می‌کند که متن بزرگ‌تر یا کوچک‌تر شود.
text-overflow تعریف می‌کند که چگونه باید محتوای پر شده که نمایش داده نمی‌شود به کاربر نشان داده شود.
unicode-bidi با استفاده از ویژگی direction، تنظیم یا بازگشت اینکه آیا باید متن را به‌روزرسانی کنیم تا از چندین زبان در یک سند استفاده شود.
vertical-align تعریف می‌کند که چگونه متنی را به صورت عمودی عمود قرار دهیم.
white-space تعریف می‌کند که چگونه فضاهای خالی در داخل عناصر پردازش شوند.
word-spacing تنظیم فضای کلمات.