Jump to content
  • 0

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


Хатки Бобров
 Share

Question

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

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

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

.someclass{

width:207px;

height:207px;

overflow:hidden;

padding:10px;

background:#ffffff;

border:1px solid #d9d9d9;

}

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

img {

}

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

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

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

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

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

.header img{

}

Link to comment
Share on other sites

  • 0

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

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

Edited by Хатки Бобров
Link to comment
Share on other sites

  • 0

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

Edited by Николя223
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy