CSS width and height - CSS Properties - Dimensions units

The CSS dimensions units provides several css properties such as width, height, max-width, max-height, min-width, min-height that allows you to control the dimension units of a box.

CSS width and height

The height and width properties units are used to set the height and width area of an css element. Height and width CSS can be set up automatically (this is the default). It means that the browser calculates the height and width of element, or it can be specified the length values such as px, cm, etc, or in percent (%) of the block that contains.
This width and height CSS elements does not include paddings, borders and margins. We give you a CSS box model to know how the effective width and height is calculated by the browser.

Note: Auto value allows the browsers to calculate the lengths automatically for the specified element. The percentage (%) value refer to the width or height of the element's containing block. Negative length values are not allowed.

This div-box1 in the example 1 has :
width: 450px;
height: 210px;
border: 1px solid #73AD21;

Example 1:

div-box1
{
width: 450px;
height: 210px;
border: 1px solid #73AD21;
}

Check this example >>

CSS width and height, CSS Properties, Dimensions units
CSS width and height - CSS Properties - Dimensions units - css tutorial

Online Editor

ONLINE EDITOR

news templates

COLOR PICKER

news templates

This tool makes it easy to create, adjust, and experiment with custom colors for the web.

HTML Templates

Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.

CSS HTML Layout

Find here examples of creative and unique website layouts.

Free CSS HTML Menu

Find here examples of creative and unique website CSS HTML menu.