CSS - CSS Measurement Units - CSS Relative Measurement Units




  • Relative length units determine a length with respect to another length property. The relative units are:

Percentage (%):

  • Characterizes an estimation as a percentage in respect to another value, regularly an insert component.

Example:

p {font-size:16pt; line-height:125%;}
click below button to copy the code. By - css tutorial - team

em:

  • A relative estimation for the height of a font style in em spaces. Since an em unit is equal to the size of a given font style.(2em means 2 times the size of the current font)

Example:

p {letter-spacing: 7em;}
click below button to copy the code. By - css tutorial - team

ex:

  • A relative estimation for the height of a font style in em spaces.

Example:

p {letter-spacing: 7ex;}
click below button to copy the code. By - css tutorial - team

vh:

  • With respect to 1% of the height of the viewport.

Example:

h2 {font-size: 3.0vh;}
click below button to copy the code. By - css tutorial - team

vw:

  • With respect to 1% of the width of the viewport.

Example:

h1 {font-size: 5.9vw;}
click below button to copy the code. By - css tutorial - team

vmin:

  • In respect to 1% of viewport's smaller measurement.

Example:

p {font-size: 2vmin;}
click below button to copy the code. By - css tutorial - team

vmax:

  • In respect to 1% of viewport's lager measurement.

Example:

p {font-size: 2vmax;}
click below button to copy the code. By - css tutorial - team

This page provides a detailed information on css menu tutorial , css for website , css programming language , css resources , css3 code , style sheets css , homepage css , html css test , html css javascript online , online css , css cascading style sheets , css to html , edit css , css cascading , online css validator , css5 tutorial , css validator online , css tut , create css , css and javascript.


View More Quick Examples

CSS BASICS & SELECTORS CSS SELECTOR ATTRIBUTE CSS STYLE FORMS COLORS & BACKGROUND CSS MARGIN & PADDING CSS WIDTH & HEIGHT CSS LINKS CSS BLOCKS

Related Searches to CSS - Relative Measurement Units