Height and Width

div {
  height: 200px;
  width: 50%;
  background-color: powderblue;
}

div {
  height: 100px;
  width: 500px;
  background-color: powderblue;
}
  • Are used to set the height and width of an element.
  • Can be set to auto (this is default. Means that the browser calculates the height and width), or be specified in length values, like px, cm, etc., or in percent (%) of the containing block.
  • Do not include padding, borders, or margins; they set the height/width of the area inside the padding, border, and margin of the element!.

Height and Width — Structure map

Clickable & Draggable!

Height and Width — Related pages: