تعریف

ویژگی‌های متن در CSS برای تراز، رنگ، فاصله، سایه و تزئین متن استفاده می‌شن. این ویژگی‌ها ظاهر متن رو در وب‌سایت کنترل می‌کنن.

🔑 خصوصیات مهم متن

1) text-align

برای تراز متن استفاده میشه.

p {
  text-align: center; /* left, right, justify */
}

2) text-decoration

برای تزئین متن مثل خط زیر یا خط وسط استفاده میشه.

a {
  text-decoration: none; /* underline, overline, line-through */
}

3) text-transform

برای تغییر حالت حروف متن.

h1 {
  text-transform: uppercase; /* lowercase, capitalize */
}

4) text-indent

برای ایجاد تورفتگی در ابتدای خط اول متن.

p {
  text-indent: 40px;
}

5) letter-spacing

فاصله بین حروف متن.

p {
  letter-spacing: 2px;
}

6) word-spacing

فاصله بین کلمات متن.

p {
  word-spacing: 10px;
}

7) line-height

ارتفاع خط (فاصله بین خطوط).

p {
  line-height: 1.8;
}

8) direction

جهت متن رو مشخص می‌کنه.

p {
  direction: rtl; /* یا ltr */
}

9) text-shadow

سایه به متن اضافه می‌کنه.

h2 {
  text-shadow: 2px 2px 5px gray;
}

🎯 مثال عملی

h1 {
  color: crimson;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: 2px 2px 4px #999;
}

⚡ نکات مهم

• برای متن‌های فارسی معمولا از text-align: justify; استفاده میشه.

• ویژگی text-shadow می‌تونه چند سایه همزمان بگیره.

• ترکیب letter-spacing و line-height در خوانایی متن خیلی تاثیرگذاره.