CSS Dimension


In CSS, the width and height properties are used to specify the dimensions of an element.

The width property sets the width of an element, and the height property sets the height of an element.

Here’s an example of how you might use the width and height properties:

.my-element {
    width: 200px;
    height: 100px;

This would set the width of the element with the class my-element to 200 pixels and the height to 100 pixels.

You can also use the max-width and max-height properties to specify the maximum dimensions of an element. This can be useful if you want to prevent an element from getting too large, for example, if the element contains an image that could potentially be very large.

Here’s an example of how you might use the max-width and max-height properties:

img {
    max-width: 100%;
    max-height: 100%;

This would set the maximum width and height of all images on the page to 100% of the parent element’s width and height, respectively. This would ensure that the images are never larger than the parent element, regardless of the original size of the images.