\n| \n Value<\/b><\/span><\/p>\n<\/td>\n | \n Description <\/b><\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n xx-small<\/span><\/p>\n<\/td>\n | \n Sets the font-size to an xx-small size <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n x-small<\/span><\/p>\n<\/td>\n | \n Sets the font-size to an extra small size <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n small<\/span><\/p>\n<\/td>\n | \n Sets the font-size to a small size <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n medium<\/span><\/p>\n<\/td>\n | \n Sets the font-size to a medium size. This is default <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n large<\/span><\/p>\n<\/td>\n | \n Sets the font-size to a large size <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n x-large<\/span><\/p>\n<\/td>\n | \n Sets the font-size to an extra large size <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n xx-large<\/span><\/p>\n<\/td>\n | \n Sets the font-size to an xx-large size <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n smaller<\/span><\/p>\n<\/td>\n | \n Sets the font-size to a smaller size than the parent element <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n larger<\/span><\/p>\n<\/td>\n | \n Sets the font-size to a larger size than the parent element <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n length<\/span><\/p>\n<\/td>\n | \n Sets the font-size to a fixed size in px, cm, etc. <\/span><\/p>\n<\/td>\n<\/tr>\n\n| \n %<\/span><\/p>\n<\/td>\n | \n Sets the font-size to a percent of the parent element’s font size<\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nThe various values of\u00a0 font-size can be grouped in different categories as<\/div>\n <\/div>\n Absolute Font Sizes<\/strong> \u2013 This value can be assigned one of seven keyword values which are<\/div>\n<\/div>\n \n- X X-SMALL<\/li>\n
- X-SMALL<\/li>\n
- SMALL<\/li>\n
- MEDIUM<\/li>\n
- LARGE<\/li>\n
- X-LARGE<\/li>\n
- X X-LARGE<\/li>\n<\/ul>\n
<\/div>\n These keywords specify the font size based on a scaling factor of 1.2.<\/div>\n <\/div>\n Scaling factor is the ratio between two shapes. The scaling factor is determined by multiplying the font size by 1.2 to determine the next font size relative to the previous one like if a font size of 16 pixels is used for medium keyword, the large keyword is 20 pixels approx<\/div>\n <\/div>\n Relative Font Sizes<\/strong> \u2013 It can take two values<\/div>\n<\/div>\n \n- larger<\/li>\n
- smaller<\/li>\n<\/ul>\n
<\/div>\n When used the font size depends on the absolute size of the font like\u00a0 if value is in pixels \u2014 the browser uses a 1.2 scaling factor to that size to get the larger size.<\/div>\n <\/div>\n Length and Percentage Font Sizes<\/strong> \u2013 Both are most commonly used and both work in same way.<\/div>\n<\/div>\n Length can take values in inches, centimeters, millimeters, points, and picas or relative values which include em, ex, pixels and percentage as discussed earlier.<\/div>\n <\/div>\n Web browsers have a mechanism for users to resize text in the browser for accessibility. But IE does not resize text if the font size is set in pixels or in any absolute units so, percentages and ems are used.<\/div>\n <\/div>\n Percentage font sizes work similar to the em units.<\/div>\n | | | | | | | | | | | |