الحشو في كس يلعب دورا هاما في خلق مساحة حول العناصر على صفحة ويب. يتم استخدامها لإنشاء هوامش بين محتوى العنصر وحدوده. ومع ذلك ، في بعض الأحيان يصبح من الضروري إزالة المسافة البادئة داخل عنصر معين أو حتى إزالتها تماما من الصفحة بأكملها.
هناك عدة طرق لإزالة الحشو في كس. بادئ ذي بدء ، يمكنك استخدام خاصية الحشو وتعيينها على 0. على سبيل المثال ، لإزالة الحشو من عنصر مع فئة "حاوية" ، يمكنك كتابة التعليمات البرمجية كس التالية:
.حاوية { الحشو: 0؛}
هناك طريقة أخرى لإزالة الحشو وهي استخدام خصائص الحشو العلوي أو الحشو السفلي أو الحشو الأيسر أو الحشو الأيمن وتعيينها على 0. على سبيل المثال ، لإزالة الحشو فقط من أعلى عنصر مع فئة " رأس " ، يمكنك كتابة التعليمات البرمجية كس التالية:
.رأس { الحشو أعلى: 0؛}
يمكن أيضا إزالة الحشو باستخدام خاصية الهامش وتعيين قيمتها إلى 0. للقيام بذلك ، اكتب رمز كس التالي:
.حاوية { الهامش: 0؛}
باستخدام هذه التقنيات البسيطة ، يمكنك إزالة الحشو في كس وتحقيق المظهر المطلوب للعناصر على صفحة ويب.
- طرق لإزالة الهوامش في كس
- باستخدام خاصية الحشو
- صفر الحشو في كس
- خاصية الهامش واستخدامها
- استخدام خصائص الهامش والحشو المدمجة
- الأطر المغلق وإزالة المسافة البادئة
- سؤال وجواب
- كيف يمكنني إزالة الحشو في المغلق?
- كيف يمكنني إزالة فقط الحشو الداخلي للعنصر?
- كيف يمكنني إزالة الحشو من عنصر?
- كيف يمكنني إزالة الحشو فقط من أعلى وأسفل عنصر?
طرق لإزالة الحشو في كس
هناك عدة طرق لإزالة الحشو في كس. دعونا ننظر إلى بعض منهم:
الحشو-اليمين: 20 بكسل;
استخدام القيم السالبة
- لإزالة الحشو تماما ، يمكنك أيضا استخدام القيم السالبة لخاصية الحشو. على سبيل المثال:
- الحشو :-10 بكسل;
- باستخدام خاصية" الحشو: وراثة؛"
- الحشو: وراثة;
اختر الطريقة المناسبة لإزالة المسافة البادئة ، اعتمادا على النتيجة المرجوة ومتطلبات التصميم. يمكن الجمع بين كل هذه الطرق معا لتحقيق التأثير البصري المطلوب.
باستخدام خاصية الحشو
خاصية الحشو في كس يسمح لك لتعيين هوامش داخل عنصر. وهو يحدد المسافة بين محتوى العنصر وحدوده.
في الجزء السفلي من عنصر الحشو الأيسر: يضبط المسافة البادئة على يسار العنصر
يمكن تعيين قيم خاصية الحشو في وحدات قياس مختلفة ، مثل وحدات البكسل والنسب المئوية والنسبة المئوية وغيرها. على سبيل المثال:
الحشو: 10 بكسل;
- يحدد نفس الهوامش من جميع الجوانب
من عنصر الحشو: 5 بكسل 10 بكسل;
- يحدد الهوامش الرأسية والأفقية (أول أعلى وأسفل ، ثم اليسار واليمين)
الحشو: 5 بكسل 10 بكسل 15 بكسل 20 بكسل;
- يحدد الهوامش الرأسية والأفقية ، وكذلك الهوامش المنفصلة على اليسار واليمين
يمكن أن تكون خاصية الحشو مفيدة عند إنشاء تخطيطات مختلفة على صفحة ويب ، مما يساعد على التحكم بسهولة في المسافة بين العناصر ومحتوياتها.
صفر الحشو في كس
الحشو هو المسافة بين محتوى عنصر وحدوده. في كس ، فمن الممكن لتعيين المسافة البادئة الصفر للعناصر ، والذي يسمح لك للسيطرة على المسافة بين المحتوى والحدود.
لتعيين الإزاحة إلى صفر في كس ، يتم استخدام خاصية الحشو
مع قيمة
من 0
. هذا يعني أنه لن يتم تعيين مسافة بين محتوى العنصر وحدوده.
يمكن أن تكون المسافة البادئة الصفرية مفيدة لإنشاء تخطيط مضغوط أو عندما يكون من الضروري إزالة المساحة الزائدة حول عنصر ما.
على سبيل المثال ، لتعيين صفر الحشو لجميع عناصر القائمة ، يمكنك استخدام التعليمات البرمجية كس التالية:
المجاهدين {
الحشو: 0;
}
وبالمثل ، لتعيين المسافة البادئة صفر لجميع العناصر مع فئة
المحتوى
- ، يمكنك استخدام رمز كس التالي:
- .المحتوى {
- الحشو: 0;
- }
يمكن أيضا تعيين حشوة صفرية لكل جانب من جوانب العنصر بشكل منفصل. على سبيل المثال:
المجاهدين {
الحشو-اليمين: 0;
الحشو-أسفل: 0;
الحشو-اليسار: 0;
}
وهذا يسمح بمزيد من المرونة في إدارة الهوامش. على سبيل المثال ، يمكنك تعيين مسافة بادئة صفرية فقط على الجانب الأيسر من العنصر ، مع ترك بقية الجوانب ذات مسافة بادئة.
في الختام ، توفر المسافة البادئة الصفرية في كس فرصة لإزالة المسافة بين محتوى العنصر وحدوده تماما. يتيح لك ذلك إنشاء تخطيطات أكثر إحكاما وتوازنا.
خاصية الهامش واستخدامها
الهامش هو خاصية كس تسمح لك بتعيين هوامش حول عنصر. يحدد المسافة بين العنصر والعناصر المجاورة له.
في الممارسة العملية ، يمكن استخدام خاصية الهامش لإنشاء هوامش حول النص والصور والجداول والعناصر الأخرى.
يمكن أن تأخذ خاصية الهامش القيم التالية:
الهامش-أعلى-يحدد الهامش في الجزء العلوي من العنصر;
الهامش-اليمين-يحدد الهامش على يمين العنصر;
الهامش-أسفل-يحدد الهامش في أسفل العنصر;
الهامش-اليسار-يحدد الهامش على يسار العنصر.
يمكن تعيين قيمة الإزاحة في وحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو نسبة إلى حجم العنصر الأصل (على سبيل المثال ، إم أو ريم).
لتعيين قيمة مسافة بادئة واحدة ، يمكنك استخدام إدخال مختصر:
الهامش: 10 بكسل;
- يحدد في نفس الوقت مسافة بادئة تبلغ 10 بكسل على جميع جوانب العنصر.
يمكنك أيضا تعيين الهوامش بشكل فردي:
الهامش الأعلى: 10 بكسل;
الهامش الأيمن: 20 بكسل;
الهامش السفلي: 10 بكسل;
الهامش الأيسر: 20 بكسل;
يمكن دمج قيم المسافة البادئة لإنشاء تأثيرات مختلفة في التصميم.
مثال على استخدام خاصية الهامش هو إنشاء نموذج كتلة لصفحة ويب ، حيث تسمح المسافات البادئة بين الأقسام المختلفة للقارئ بتنظيم المعلومات وتحسين الإدراك البصري للمحتوى.
استخدام خصائص الهامش والحشو المدمجة
وقد جمعت كس الخصائص التي تسمح لك لتعيين الهوامش والهوامش الداخلية في نفس الوقت. فهي مريحة للاستخدام لأنها تقلل من كمية التعليمات البرمجية وتحسين قراءة الأنماط.
واحدة من هذه الخصائص مجتمعة هي خاصية الهامش. يسمح لك بتعيين هوامش لجميع جوانب العنصر في نفس الوقت.
على سبيل المثال ، إذا أردنا تعيين نفس المسافة البادئة على جميع جوانب عنصر ما ، فيمكننا استخدام القاعدة التالية:
.العنصر {
الهامش: 10 بكسل;
}
في هذه الحالة ، ستكون الهوامش على جميع جوانب العنصر 10 بكسل.
بالإضافة إلى ذلك ، باستخدام خاصية الهامش ، يمكنك تعيين الهوامش على الجوانب الفردية للعنصر ، وإدراجها بالترتيب: أعلى ، يمين ، أسفل ، يسار.
على سبيل المثال ، لتعيين الهوامش في أعلى العنصر وأسفله فقط ، يمكنك استخدام القاعدة التالية:
.العنصر {
الهامش: 20 بكسل 0;
}
في هذه الحالة ، ستكون المسافة البادئة في أعلى وأسفل العنصر 20 بكسل ، ولن تكون هناك مسافة بادئة على اليسار واليمين.
على غرار خاصية الهامش ، تسمح لك خاصية الحشو بتعيين هوامش داخلية في وقت واحد لجميع جوانب العنصر أو بشكل فردي.
على سبيل المثال ، لتعيين نفس المسافة البادئة الداخلية على جميع جوانب عنصر ما ، يمكنك استخدام القاعدة التالية:
.العنصر {
الحشو: 15 بكسل;
}
في هذه الحالة ، ستكون الهوامش الداخلية على جميع جوانب العنصر مساوية لـ 15 بكسل.
إذا كنت بحاجة إلى تعيين هوامش داخلية على جوانب فردية للعنصر ، فيمكنك استخدام القواعد التالية:
.العنصر {
الحشو العلوي: 10 بكسل;
الحشو-اليمين: 5 بكسل;
الحشو السفلي: 20 بكسل;
الحشو-اليسار: 15 بكسل;
}
في هذه الحالة ، ستكون المسافة البادئة الداخلية أعلى العنصر 10 بكسل ، على اليمين — 5 بكسل ، في الأسفل — 20 بكسل ، على اليسار — 15 بكسل.
يتيح لك استخدام خصائص الهامش والحشو المدمجة تعيين الهوامش والهوامش الداخلية للعناصر بشكل أكثر مرونة وسهولة ، مع تقليل كمية التعليمات البرمجية وتحسين إمكانية قراءتها.
الأطر المغلق وإزالة المسافة البادئة
يتم استخدام الحشو في كس لخلق مساحة حول العناصر وبين المحتوى وحدود العناصر. ومع ذلك ، في بعض الأحيان يصبح من الضروري إزالة المسافة البادئة وإنشاء تصميم مضغوط.
غالبا ما تستخدم أطر كس لإزالة الحشو في كس ، والتي تقدم فئات جاهزة مع هوامش صفر.
مثال على هذا الإطار هو التمهيد. في التمهيد ، وهناك فئات مثل .ف - 0 و .م-0 التي تحدد حشوة صفرية (حشوة أو هامش) للاتجاه المناسب.
على سبيل المثال ، لإزالة الهوامش اليمنى واليسرى لعنصر ما ، يمكنك إضافة فئة .مقصف-0:
& فئة لتب="بكسل-0" > لن يتم وضع مسافة بادئة لهذا النص أفقيا.< / ف>
وهناك أيضا أطر كس أخرى مثل مؤسسة و بولما التي تقدم الطبقات الخاصة بهم لإزالة المسافة البادئة.
إذا كنت بحاجة إلى إزالة الحشو فقط لعنصر معين ، يمكنك استخدام خاصية الحشو أو الهامش كس وتعيين القيمة إلى 0:
.ف - 0 {