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.