CSS

CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise

CSS3

CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

Font Size in CSS

The font-size Property

 

 

The font-size property sets the size of a font. One way to set the size of fonts on the web is to use keywords. There are many predefined keywords like small, medium, large, etc. We can also use numerical values in pixels or ems to manipulate font size. Setting the font size in pixel values (px) is a good choice as it gives you full authority over your content. On the other hand, ems or em is a relative unit. By default, the value of 1em=16px.

 

Syntax:-

 

Its syntax is:-

< style >

element{

font-size: medium| xx-small| x-small| small| large| x-large| xx-large| smaller| larger| length| initial| inherit;

}

< /style >

 

Further Explanation:-

 

Value Description
medium Sets the font size to medium size.
xx-small Sets the font size to an xx-small size
x-small Sets the font size to an extra small size
small Sets the font size to a small size
large Sets the font size to a large size
x-large Sets the font size to an extra-large size
xx-large Sets the font size to an xx-large size
smaller Sets the font size to a smaller size than the parent element
larger Sets the font size to a larger size than the parent element
length Sets the font size to a fixed size in px, cm, etc.
% Sets the font size to a percent of  the parent element's font size
initial Sets this property to its default value.
inherit Inherits this property from its parent element.

Code Explanation

All Tutorials related to CSS Basic

All Sections related to CSS