كيف يمكنني زيادة المسافات بين الكلمات في أتش تي أم أل? تعليمات مع لقطات

المسافات بين الكلمات هي عنصر مهم في التصميم المرئي للنص على صفحات الويب. أنها تساعد على فصل الكلمات وتسهيل تصور المعلومات. لكن في بعض الأحيان لا تكون المسافات القياسية مرئية بدرجة كافية أو تحتاج إلى إنشاء فجوات مذهلة بين الكلمات للتركيز على عبارات أو اقتباسات معينة. كيف يمكنني زيادة المسافات بين الكلمات في أتش تي أم أل? دعونا نلقي نظرة على التعليمات حول هذه المسألة!

هناك عدة طرق لزيادة المسافات بين الكلمات في هتمل. فيما يلي بعض الأمثلة:

1. استخدام مساحة غير قابلة للكسر: لإنشاء مساحة أكبر بين الكلمات ، يمكنك إدراج مسافة غير قابلة للكسر بينها. للقيام بذلك ، تحتاج إلى استخدام رمز هتمل من رمز يسمى "الفضاء غير كسر". على سبيل المثال: "كلمة 1 كلمة 2" سيخلق فجوة كبيرة بين الكلمات.
2. استخدام كس: طريقة أخرى لزيادة المسافة بين الكلمات في هتمل هو استخدام كس. في كس ، يمكنك تعيين خاصية" تباعد الحروف " ، والتي تحدد المسافة بين الحروف ويمكن تطبيقها على الكلمات. على سبيل المثال: "كلمة 1 { تباعد الحروف: 3 بكسل; } "سيخلق مسافة بين حروف الكلمة.
3. وتعيين الأبعاد المطلوبة لذلك باستخدام كس.

اختر الطريقة المناسبة لزيادة المسافات بين الكلمات في هتمل ، اعتمادا على احتياجاتك ومتطلبات التصميم. لا تنس تجربة المسافة بين الكلمات وضبطها بحيث تبدو متناغمة وقابلة للقراءة.

لا تنس أن زيادة المسافات بين الكلمات يمكن أن يكون لها تأثير على المظهر العام للنص وتصوره. كن حذرا مع اختياراتك والنظر في سلامة تصميم الصفحة.

1. زيادة المسافات بين الكلمات في أتش تي أم أل
2. الطريقة 1: استخدام خاصية تباعد الحروف
3. الطريقة 2: إضافة مسافات غير قابلة للكسر
4. الطريقة 3: باستخدام عنصر زائف:: بعد
5. الطريقة 4: استخدام خاصية تباعد الكلمات
6. الطريقة 5: استخدام متغيرات كس
7. سؤال وجواب

زيادة المسافات بين الكلمات في أتش تي أم أل

في هتمل ، يمكنك تعيين مسافات بين الكلمات باستخدام العديد من العلامات والسمات.

1. استخدم علامة الامتداد لإنشاء مسافة بين كلمتين:

كلمة1 كلمة2

2. إذا كنت بحاجة إلى إضافة مسافات قليلة بين الكلمات ، فاستخدم سمة النمط مع معلمة تباعد الحروف:

كلمة1 كلمة2

3. يمكنك أيضا تعيين مسافات بين الكلمات باستخدام العلامة المسبقة:

كلمة1 كلمة2

4. إذا كنت ترغب في تعيين مسافات بين الكلمات داخل القائمة ، استخدم العلامات ماي ، رأ و لي:

5. لإنشاء جدول بمسافات بين الكلمات ، استخدم جدول العلامات و تد:

كلمة 1

كلمة 2

استخدم هذه الأمثلة لزيادة المسافات بين الكلمات في هتمل.

الطريقة 1: استخدام خاصية تباعد الحروف

لزيادة المسافات بين الكلمات في هتمل ، يمكنك استخدام خاصية تباعد الحروف في كس.

تسمح لك خاصية تباعد الحروف بتعيين التباعد بين الأحرف. عند تعيين قيمة موجبة ، يزداد تباعد الأحرف ، مما يؤدي إلى زيادة المسافة بين الكلمات.

يوجد أدناه مثال على رمز كس لتعيين مسافات بين الكلمات:

ص {

تباعد الحروف: 5 بكسل;

}

في هذا المثال ، تكون قيمة خاصية تباعد الحروف 5 بكسل ، والتي تتوافق مع فاصل زمني 5 بكسل بين الأحرف.

يمكنك أيضا استخدام القيم السالبة لخاصية تباعد الحروف لتقليل المسافات بين الأحرف. على سبيل المثال ، إذا قمت بتعيين القيمة إلى 2 بكسل ، فسيتم تقليل تباعد الأحرف بمقدار 2 بكسل.

الطريقة 2: إضافة مسافات غير قابلة للكسر

هناك طريقة أخرى لزيادة المسافات بين الكلمات في هتمل وهي استخدام مسافات غير متقطعة. تمنع المساحة غير الفاصلة الكلمات من الانقسام تلقائيا إلى أسطر متعددة وتضمن عرضها معا.

لإضافة مساحة غير قابلة للكسر في هتمل ، يمكنك استخدام ارتباط رمزي أو رمز هتمل خاص. هذه الشخصية هي مساحة لن يتم تقسيمها إلى سطرين.

لإضافة مسافة غير قابلة للكسر بين الكلمات ، ما عليك سوى لصقها في المكان المناسب:

1. على سبيل المثال ، لإضافة مسافة غير منقطعة بعد كلمة "مرحبا" ، استخدم الكود التالي: مرحبا بالعالم.
2. يمكن أن تكون المساحة غير القابلة للكسر مفيدة أيضا لمنع تقسيم القيم الرقمية ، على سبيل المثال: 10000 روبل.

يعد استخدام المسافات غير الفاصلة مفيدا بشكل خاص عند العمل مع كتل نصية لا تنقسم إلى أسطر منفصلة ، مثل العناوين والفقرات والجداول.

مثال على استخدام مسافات غير متقطعة في جدول

ضع في اعتبارك أن استخدام مسافات غير قابلة للكسر يمكن أن يجعل من الصعب على القدرة على التكيف والاستجابة لتصميم صفحة الويب الخاصة بك ، لذلك يوصى باستخدامها بحذر وفقط عندما يكون ذلك ضروريا حقا.

الطريقة 3: استخدام العنصر الزائف:: بعد

طريقة أخرى لزيادة المسافات بين الكلمات في هتمل هي استخدام العنصر الزائف ::بعد. تتيح لك هذه الطريقة إضافة مسافة بادئة إضافية بين الكلمات دون تغيير النص الأصلي.

1. قم بإنشاء قاعدة نمط جديدة للعنصر المحدد باستخدام العنصر الزائف:: بعد. على سبيل المثال ، إذا كنت تريد زيادة المسافات بين الكلمات بالداخل

ف:: بعد {

المحتوى: "";

الهامش الأيسر: 10 بكسل;

}

1. داخل قاعدة النمط للعنصر الزائف:: بعد ، استخدم خاصية المحتوى بدون قيمة لإنشاء عنصر فارغ.
2. أضف خاصية الهامش الأيسر بقيمة تحدد مقدار المسافة البادئة بين الكلمات. يوضح المثال قيمة 10 بكسل ، ولكن يمكنك اختيار أي قيمة تلبي متطلباتك.
3. احفظ الملف وقم بتحديث صفحة متصفح الويب لرؤية التغييرات. الآن يجب زيادة المسافات بين الكلمات.

من المهم ملاحظة أنه لا يمكن استخدام هذه الطريقة إلا لتغيير المسافات بين الكلمات داخل العنصر المحدد. إذا كنت ترغب في زيادة المسافات بين الكلمات في جميع أنحاء المستند ، فيجب عليك تطبيق هذه الطريقة على جميع العناصر الضرورية في الصفحة باستخدام المحددات المناسبة.

الطريقة 4: استخدام خاصية تباعد الكلمات

هناك طريقة أخرى لزيادة المسافات بين الكلمات في هتمل وهي استخدام خاصية تباعد الكلمات.

تسمح لك خاصية تباعد الكلمات بتعيين المسافة بين الكلمات في النص. يمكن أن تكون قيمة هذه الخاصية أي طول محدد بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.

مثال على استخدام خاصية تباعد الكلمات:

1. إنشاء نمط للعنصر الذي تريد تنسيق النص:
2. قم بتطبيق هذا النمط على العنصر المطلوب:

هذا نص به مسافات مكبرة بين الكلمات.

نتيجة للمثال أعلاه ، سيتم فصل الكلمات الموجودة داخل عنصر ص بمسافات ، يتم تعيين عرضها بواسطة خاصية تباعد الكلمات التي تساوي 10 بكسل.

بالإضافة إلى ذلك ، يمكن أيضا تعيين خاصية تباعد الكلمات لأجزاء معينة من النص باستخدام الأنماط المضمنة أو أوراق الأنماط الداخلية.

مثل الطرق الأخرى ، فإن استخدام خاصية تباعد الكلمات يجعل من السهل التحكم في مقدار المسافات بين الكلمات في نص هتمل وإنشاء محتوى ممتع من الناحية الجمالية وقابل للقراءة.

الطريقة 5: استخدام متغيرات كس

في هتمل ، يمكنك استخدام متغيرات كس لإنشاء مسافات بين الكلمات. هذا يجعل من السهل ضبط الهوامش في جميع أنحاء المستند عن طريق تغيير قيمة المتغير مرة واحدة.

بادئ ذي بدء ، سوف نقوم بإنشاء متغير كس من شأنها أن تحدد قيمة المسافة بين الكلمات. في المثال أدناه ، سنطلق على هذا المتغير "تباعد الكلمات":

ثم سنطبق هذا المتغير على عنصر أو كتلة من النص حيث نريد زيادة المسافات بين الكلمات. على سبيل المثال ، يمكننا استخدام العنصر الزائف:: بعد استخدام محتوى خاصية كس:

مثال على نص به مسافات مكبرة بين الكلمات.

في المثال أعلاه ، استخدمنا عنصرا زائفا ::بعد وتعيين خاصية المحتوى إليها بقيمة فارغة. ثم قمنا بتعيين العرض: كتلة مضمنة لجعل العنصر الزائف مرئيا داخل الفقرة. يتم تعيين عرض العنصر الزائف باستخدام لدينا كس متغير كلمة تباعد.

وبالتالي ، زيادة أو تقليل قيمة متغير تباعد الكلمات في القسم :الجذر ، يمكننا بسهولة التحكم في المسافات بين الكلمات في جميع أنحاء المستند.

سؤال وجواب