] डिफ़ॉल्ट रूप से, छवि को फिर से आकार देना सीधे CSS के साथ समर्थित नहीं है। पृष्ठभूमि-आकार समायोजित करें:

के लिए: छद्म-तत्वों के बाद, पृष्ठभूमि-आकार की संपत्ति को समायोजित करें। हालाँकि, सुनिश्चित करें कि आप चौड़ाई और ऊंचाई गुणों का उपयोग करके छवि युक्त ब्लॉक तत्व की चौड़ाई और ऊंचाई निर्दिष्ट करते हैं।

पृष्ठभूमि-छवि: url ('/चित्र/pdf.png'); पृष्ठभूमि-आकार: 10px 20px; प्रदर्शन: इनलाइन-ब्लॉक; चौड़ाई: 10px; ऊंचाई: 20px; सामग्री:""; … अधिक जानकारी के लिए MDN में व्यापक संगतता तालिका का संदर्भ लें।

2 स्रोत छवि को आकार देना:

वैकल्पिक रूप से, सीएसएस में इसका उपयोग करने से पहले उपयुक्त आकार के सर्वर-साइड में मूल छवि को आकार देने पर विचार करें। यह सुनिश्चित करता है कि छवि ब्राउज़र स्केलिंग पर भरोसा किए बिना वांछित आयामों पर प्रदर्शित होगी।

३ इनलाइन IMG टैग:

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