ویژگی letter-spacing در CSS

letter-spacing Property

ویژگی letter-spacing در CSS فاصله بین حروف در متن را مشخص می کند.

نحوه نوشتار

letter-spacing: normal;
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;

مقدار

normal​

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

واحد طول​

فاصله بین حروف را بر تعیین می کند. این مقدار می تواند مثبت یا منفی باشد. مقدار مثبت فاصله را بیشتر و مقدار منفی فاصله را کمتر می کند.

html

<p class="normal">letter spacing</p>
<p class="em-wide">letter spacing</p>
<p class="em-wider">letter spacing</p>
<p class="em-tight">letter spacing</p>
<p class="px-wide">letter spacing</p>

css

.normal   { 
    letter-spacing: normal; 
}
.em-wide  {
    letter-spacing: 0.4em; 
}
.em-wider { 
    letter-spacing: 1em; 
}
.em-tight { 
    letter-spacing: -0.05em; 
}
.px-wide  {
    letter-spacing: 6px; 
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها بجر Firefox for Android از این ویژگی در CSS پشتیبانی می کنند.