Working with CSS Units

CSS Web Development Front End Technology

CSS has several units for different units such as width, margin, padding, font-size, border-width, etc. The length indicates by using numerical value followed by length units such as px, dp, em, etc. It does not allow white spaces in between numerical values and length units.

Length units divided as follows:

relative units
absolute

Absolute units

Units	Abbreviation
Pixels	Px
Points	Pt
Inches	In
Centimeters	Cm
Picas	Pc

Relative Units

In relative units, the length value is fixed and it appears the exact size of the element

Units	Abbreviation
Percent	%
Em	Em
Ex	Ex
Root em	Rem
Viewport width	Vw
Viewport width	Vh
Viewport width	Vm
Character	Ch
Grid	Gd

Srinivas Gorla

Published on 02-May-2018 07:57:32

Previous Page Print Page