top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

Facebook Login
Site Registration

Which property is used to increase or decrease how bold or light a font appears in CSS and how it used?

0 votes
168 views
Which property is used to increase or decrease how bold or light a font appears in CSS and how it used?
posted Jun 27, 2017 by Ram Jana

Share this question
Facebook Share Button Twitter Share Button Google+ Share Button LinkedIn Share Button Multiple Social Share Button

1 Answer

0 votes

font-weight

The font-weight CSS property specifies the weight (or boldness) of the font. It is used to increase or decrease how bold or light a font appears.

Syntax

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

Values

normal
Defines normal characters. This is default.
bold
Defines thick characters.
lighter
One font weight lighter than the parent element (among the available weights of the font).
bolder
One font weight heavier than the parent element (among the available weights of the font).
100, 200, 300, 400, 500, 600, 700, 800, 900
Numeric font weights for fonts that provide more than just normal and bold.

Example

/* Keyword values */
font-weight: normal;
font-weight: bold;

/* Keyword values relative to the parent */
font-weight: lighter;
font-weight: bolder;

/* Numeric keyword values */
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;

/* Global values */
font-weight: inherit;
font-weight: initial;
font-weight: unset;
answer Jun 28, 2017 by Sisir Jana
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#280, 3rd floor, 5th Main
6th Sector, HSR Layout
Bangalore-560102
Karnataka INDIA.
QUERY HOME
...