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