Home HTML CSS JAVASCRIPT BOOTSTRAP Python Docker ML tutorial ☰ About us Privacy policy

height and width in css


CSS Height and Width:-


Code Family

Setting height and width in css

The height and width properties are using to set the height and width of the element.

height and width Values in css-:

  • auto - This is default. The browser calculates the height and width of the elements and display
  • length - the height and width in px, cm etc.
  • % - the height and width in percent of the element
  • initial - Sets the height and width to it is default value
  • inherit - The height and width will be inherited from its parent value and default value

    • <!DOCTYPE html>
<html>
<head>
<style>
div {
  height: 200px;
  width: 50%;
  background-color: powderblue;
}
</style>
</head>
<body>

<h2>Code Family</h2>

<p>Code Family</p>

<div></div>

</body>
</html>

    Setting max-width in css:-

    The max-width property is using to set the maximum width of an element. 

    <!DOCTYPE html>
<html>
<head>
<style>
div {
  max-width: 500px;
  height: 100px;
  background-color: powderblue;
}
</style>
</head>
<body>

<h2>Code Family</h2>
<p>Code Family</p>

<div></div>

<p>Code Family</p>

</body>
</html>


    More Topics