خصائص Style wordSpacing
- الصفحة السابقة wordBreak
- الصفحة التالية wordWrap
- العودة إلى الطبقة السابقة كائن Style في HTML DOM
التعريف والاستخدام
wordSpacing
يُستخدم الخصائص لضبط أو استرداد مسافة الكلمات في النص.
إشارة:لإعداد أو استرداد مسافة الأحرف في النص، استخدم خصائص letterSpacing.
يرجى الرجوع أيضًا إلى:
دليل CSS التعليمي:نص CSS
دليل CSS:خصائص word-spacing
مثال
مثال 1
تحديد مسافة الكلمات للعنصر <p> إلى 50 بكسل:
document.getElementById("myP").style.wordSpacing = "50px";
مثال 2
استخدام القيم السلبية:
document.getElementById("myP").style.wordSpacing = -3px";
مثال 3
استرداد مسافة الكلمات للعنصر <p>:
alert(document.getElementById("myP").style.wordSpacing);
مثال 4
فارق بين خاصية letterSpacing و wordSpacing:
function changeLetters() { document.getElementById("myP1").style.letterSpacing = "15px"; } function changeWords() { document.getElementById("myP2").style.wordSpacing = "15px"; }
النحو
استرداد خاصية wordSpacing:
object.style.wordSpacing
تحديد خاصية wordSpacing:
object.style.wordSpacing = "normal|length|initial|inherit"
قيمة الخصائص
القيمة | الوصف |
---|---|
normal | يحدد المسافة الطبيعية بين الكلمات. افتراضي. |
length | يحدد مسافة الفواصل بين الكلمات باستخدام وحدة الطول. يسمح بالقيم السلبية. |
initial | يُضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial. |
inherit | يرث هذا الخصائص من العنصر الأب. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
القيمة الافتراضية: | normal |
---|---|
القيمة المعدلة: | الخط النصي، الذي يمثل مسافة الفواصل بين الكلمات في النص. |
CSS إصدار: | CSS1 |
دعم المتصفحات
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة wordBreak
- الصفحة التالية wordWrap
- العودة إلى الطبقة السابقة كائن Style في HTML DOM