خصائص 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
الدعم الدعم الدعم الدعم الدعم