наверх






Каждый элемент в HTML может иметь свою ширину и высоту. Задаются данные параметры в CSS очень просто, через одноименные свойства.

width


Данное свойство устанавливает ширину HTML элемента. Значение может задаваться в любом формате, пригодным для CSS. Это могут быть пиксели, проценты и так далее.

.myClass {
  width: 340px;
  color: #cee;
}


Так же, в CSS можно указать минимальную и максимальную ширину через свойства min-width и max-width соответственно. С помощью этих свойств можно более гибко обращаться с элементами на странице, не искажая содержимого.

img {
  max-width: 200px;
  border: 1px solid #fefefe;
}


height


А это свойство указывает высоту элемента. Значения могут указываться в любом пригодном для CSS формате, то есть как и у ширины здесь применимы пиксели и проценты.

.wrap {
  height: 170px;
  padding: 6px;
}


У высоты можно указывать минимальные и максимальные значения высоты для элемента свойствами min-height и max-height соответственно.

#attr {
  max-height: 360px;
}


.main {
  height: 100%;
  width: 760px;
}






Поделиться
Border-radius генератор
Занимаетесь веб-разработкой? Кроссбраузерный border-radius генератор с поддержкой выборочных скруглений краев.


Комментарии — 0


У вас нет прав для добавления комментария. Зарегистрируйтесь или авторизуйтесь.