CSS Dimension
The CSS dimension properties allow you to control the height and
width of an element. It also allows you to increase the space between two lines.
Examples
Set the height
of an image using a pixel value
This example demonstrates how to set the height of an element using a pixel
value.
Set
the height of an image using percent
This example demonstrates how to set the height of an element using a percent
value.
Set the width
of an element using a pixel value
This example demonstrates how to set the width of an element using a pixel value.
Set the
width of an element using percent
This example demonstrates how to set the width of an element using a percent
value.
Set the
maximum height of an element
This example demonstrates how to set the maximum height of an element.
Set the
maximum width of an element using a pixel value
This example demonstrates how to set the maximum width of an element using a
pixel value.
Set
the maximum width of an element using percent
This example demonstrates how to set the maximum width of an element using a
percent value.
Set the
minimum height of an element
This example demonstrates how to set the minimum height of an element.
Set the
minimum width of an element using a pixel value
This example demonstrates how to set the minimum width of an element using a
pixel value.
Set
the minimum width of an element using percent
This example demonstrates how to set the minimum width of an element using a
percent value.
Specify the
space between lines using a percent value
This example demonstrates how to specify the space between the lines in a paragraph
using a percent value.
Specify the space between lines using a pixel value
This example demonstrates how to specify the space between the lines in a paragraph
using a pixel value.
Specify the space between lines using a number value
This example demonstrates how to specify the space between the lines in a paragraph
using a number value.
CSS Dimension Properties
The CSS dimension properties allow you to control the height and width of an
element. It also allows you to increase the space between two lines.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation
the property is defined (CSS1 or CSS2).
| Property |
Description |
Values |
IE |
F |
N |
W3C |
| height |
Sets the height of an element |
auto
length
% |
4 |
1 |
6 |
1 |
| line-height |
Sets the distance between lines |
normal
number
length
% |
4 |
1 |
4 |
1 |
| max-height |
Sets the maximum height of an element |
none
length
% |
- |
1 |
6 |
2 |
| max-width |
Sets the maximum width of an element |
none
length
% |
- |
1 |
6 |
2 |
| min-height |
Sets the minimum height of an element |
length
% |
- |
1 |
6 |
2 |
| min-width |
Sets the minimum width of an element |
length
% |
- |
1 |
6 |
2 |
| width |
Sets the width of an element |
auto
%
length |
4 |
1 |
4 |
1 |
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM.
The XML Certificate is for developers who want to document their knowledge of XML, XML DOM and XSLT.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
The PHP Certificate is for developers who want to document their knowledge of PHP and SQL (MySQL).
|
| 
