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

Related Questions & Answers
CSS Measurement Units
CSS Relative units
CSS Absolute Units
Understanding CSS Units
Working with Inline CSS
Working with CSS Display Property
Working with CSS Pseudo Classes
Display Inline Working with CSS
Working with CSS Overflow Property
Text Indentation Working with CSS
Word Spacing Working with CSS
Styling Links Working with CSS
Text Transformation Working with CSS
Styling Tables Working with CSS
Relative Length Units in CSS

Previous Page Print Page