تعديل ارتفاع الصورة في عناصر CSS pseudo: هل هذا ممكن؟ بشكل افتراضي ، لا يتم دعم تغيير حجم الصورة مباشرة باستخدام CSS. اضبط حجم الخلفية:

لـ: بعد عناصر الزائفة ، اضبط خاصية حجم الخلفية. ومع ذلك ، تأكد من تحديد عرض وارتفاع عنصر الكتلة الذي يحتوي على الصورة باستخدام خصائص العرض والارتفاع.

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

ارجع إلى جدول التوافق الشامل في MDN لمزيد من المعلومات.

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px; 
    height: 20px;
    content:"";
}

3. علامة IMG IMG:

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