"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > هل يمكن تغيير حجم العناصر الزائفة CSS؟

هل يمكن تغيير حجم العناصر الزائفة CSS؟

نشر في 2025-03-13
تصفح:581

Can CSS Pseudo-Elements Resize Images?

هل يمكن تحقيق تعديل ارتفاع الصورة في عناصر css pseudo (: قبل/: بعد)؟ من خلال تعيين فئة إلى الروابط ، مثل ، يمكن استخدام CSS لعرض صورة بعد ذلك:

. كانت القدرة على توسيع نطاق الصور داخل العناصر الزائفة سؤالًا طويلًا في تطوير الويب.

لا تنطبق الطريقة التقليدية لتغيير حجم صور الخلفية على العناصر الزائفة. ومع ذلك ، يمكن تحقيق بعض الدعم لتغيير حجم الصورة من خلال خاصية حجم الخلفية:
.pdflink:after { content: url('/images/pdf.png') }
. pdflink: بعد { صورة الخلفية: url ('/images/pdf.png') ؛ حجم الخلفية: 10px 20px ؛ العرض: كتلة مضمنة. العرض: 10px ؛ الارتفاع: 20 بكسل ؛ محتوى:""؛ }

يتضمن هذا النهج ضبط حجم الخلفية مع تحديد عرض وارتفاع الكتلة المحيطة. من المهم أن نلاحظ أن التوافق محدود لهذه التقنية. يوفر جدول توافق MDN مزيدًا من التفاصيل حول دعم المتصفح.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3