يمكنك تصغير الحجم أو تكبيره إلى حجم معين، للمتصفحات القياسية (مثل Firefox)، أو أحدث متصفح IE7،
ما عليك سوى استخدام خصائص max-width أو max-height أو min-width أو min-height. على سبيل المثال:
img{max-width:100px;max-height:100px;}
إمج {الحد الأدنى للعرض: 100 بكسل؛ الحد الأدنى للارتفاع: 100 بكسل؛}
بالنسبة لمتصفحات IE6 والإصدارات الأقدم، يمكنك استخدام سمة التعبير التي يدعمها لتضمين كود جافا سكريبت في كود CSS.
لتحقيق تحجيم الصورة.thumbImage
{max-width: 100px;max-height: 100px;} /* لمتصفح Firefox وIE7 */
* html .thumbImage { /* لـ IE6 */
العرض: التعبير (this.width > 100 && this.width > this.height ? 100 : auto);
الارتفاع: التعبير (this.height > 100 ? 100 : تلقائي);
}