ویژگی Style letterSpacing

تعریف و استفاده

letterSpacing ویژگی تنظیم یا بازگشتی فاصله بین حروف در متن (فاصله حرف).

توجه:برای تنظیم یا بازگشتی فاصله بین کلمات در متن، از ویژگی wordSpacing.

لطفاً به

آموزش CSS:CSS متن

دستورالعمل CSS:ویژگی letter-spacing

مثال

مثال 1

تنظیم فاصله بین حروف عناصر <p> به 15 پیکسل:

document.getElementById("myP").style.letterSpacing = "15px";

پرورش شخصی

مثال 2

استفاده از مقادیر منفی:

document.getElementById("myP").style.letterSpacing = "-2px";

پرورش شخصی

مثال 3

بازگشتی فاصله حروف عناصر <p>:

alert(document.getElementById("myP").style.letterSpacing);

پرورش شخصی

مثال 4

تفاوت letterSpacing ویژگی با wordSpacing ویژگی:

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

پرورش شخصی

نحوه‌ی نوشتن

بازگشتی letterSpacing ویژگی:

object.style.letterSpacing

تنظیم letterSpacing ویژگی:

object.style.letterSpacing = "normal|length|initial|inherit"

مقادیر ویژگی

مقادیر توضیح
normal فاصله عادی بین حروف. پیش‌فرض.
length با استفاده از واحد‌های طول تعریف فاصله. مقادیر منفی مجاز هستند.
initial این ویژگی را به مقادیر پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقادیر پیش‌فرض: normal
مقادیر بازگشتی: قوامتی، جواز بین حروف در متن.
CSS ورژن: CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持