Возможно ли задать размер изображение без изменения пропорций

[Хатки Бобров]

Доброго времени суток!

Есть ли возможность при помощи css задать тегу <img/> без добавления ему class и id резмер в пикселях, но что бы пропорции изображения не изменялись а изображение обрезалось по заданным размерам, т.е. все что не помещается в размер уходило бы за края.

код который устроил бы меня если бы была возможность поместить изображение в блок

.someclass{

width:207px;

height:207px;

overflow:hidden;

padding:10px;

background:#ffffff;

border:1px solid #d9d9d9;

}

надо сделать то же самое по сути но напрямую

img {

}

[Modestes]

вы сами на свой вопрос ответили.

напрямую к тегу img и обращайтесь. Только через родителя. Иначе стили будут применяться ко всем тегам img на странице

Например вас изображение лежит в шапке

<div class="header">
   <img src="" alt="">
</div>

.header img{

}

[Хатки Бобров]

напрямую к тегу img и обращайтесь. Только через родителя. Иначе стили будут применяться ко всем тегам img на странице

не, вы не поняли вопрос, а вопрос в следующем, если я задам к примеру изображению размером 230px на 250px width:200px height:200px то пропорции этого изображения исказятся а мне надо что бы сработало overflow:hidden, и изображение кадрировалось. Напомню при этом стиль должен быть прописан именно к img, да оно стоит за классом но блок обладатель класса не обтекает изображение, тогда бы вопрос не возник.

Edited June 20, 2012 by Хатки Бобров

[Modestes]

Попробуйте background-size

[Great Rash]

Задавайте только ширину или только высоту. Второй параметр подстроится автоматически.

[Николя223]

Если я правильно понял смысл вопроса, то я бы всунул картинку в свойство background: какого нибудь DIVа, а уже ему и задавал ширину и высоту

Edited June 21, 2012 by Николя223