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