cssblog.ir logo
P

word-spacing

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

فاصله بین کلمات یک متن را می توان با استفاده از این مشخصه تعیین نمود. این مشخصه مقادیر مختلف پیکسلی و نسبی را قبول می‌کند

این مشخصه مانند letter-spacing عمل می‌کند اما یک تفاوت اساسی با آن دارد و آن هم این است که برخلاف letter-spacing این مشخصه بر فاصله بین کلمات (نه حروف) تاثیر می گذارد.

روش های مقداردهی

واحدهای طولی مانند px و em و rem

می توان از واحدهای مطلق مانند پیکسل یا واحدهای نسبی مانند em وrem برای این مشخصه استفاده نمود که از آنجائیکه word-spacing از مشخصه های مربوط به متن می باشد بهتر است از واحدهای em وrem استفاده کنیم تا با تغییر سایز فونت، فاصله کلمات نیز تغییر کنند.

کلمه کلیدی normal

فاصله پیشفرض تمام عناصر. می توان از برای ریست کردن فاصله کلمات و نقض فاصله داده شده قبلی نیز از این کلمه استفاده نمود.

کلمه کلیدی inherit

باعث می شود تا مقدار این مشخصه از والد خود به ارث برده شود.

تاثیر گذاری

نکته بسیار مهم این است که این مشخصه روی تمام عناصری کهinline یا inline-block باشند تاثیر خواهد گذاشت که دانستن این نکته می تواند گاها به ما کمک کند یا جلوی رخ دادن رفتارهای ناخواسته را بگیرد.

مثال: همانطور که مشاهده می کنید word-spacing روی فاصله عناصر تاثیر گذاشته است.

به همین دلیل دادن مقدار ۰ (صفر) گاها بعنوان راهی برای حذف فاصله بین عناصر inline-block استفاده می شود.

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند