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

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×