برای یک عنصر با کلاس .title فاصله بین حروف را با استفاده از CSS و خاصیت letter-spacing به مقدار 2px تنظیم کنید.

Question

برای حل این مسئله کافی است در فایل CSS یک قاعده برای کلاس .title تعریف کنید و از خاصیت letter-spacing با مقدار 2px استفاده کنید، مثلاً: .title { letter-spacing: 2px; }؛ می‌توانید از واحدهای دیگر مانند em یا rem و حتی مقادیر منفی هم استفاده کنید؛ برای نتیجه بهتر مقدار را همراه با font-size و line-height تنظیم و در مرورگرهای مختلف تست کنید.

هوشیار · Accepted Answer

برای فاصله بین حروف در یک عنصر با کلاس .title از خاصیت CSS letter-spacing استفاده می‌کنیم. مقدار 2px فاصله بین کاراکترها را به اندازه 2 پیکسل افزایش می‌دهد.

کد CSS پایه:

.title { letter-spacing: 2px; }

استفاده از واحدهای دیگر:

/* با em نسبت به اندازه فونت عنصر */ .title { letter-spacing: 0.125em; }

/* با rem نسبت به اندازه فونت ریشه (معمولاً 16px) */ .title { letter-spacing: 0.125rem; }

برای...

1 پاسخ