xxxxxxxxxx
/* Valeurs avec un mot-clé */
font-weight: normal;
font-weight: bold;
/* Valeurs relatives à l'élément parent */
font-weight: lighter;
font-weight: bolder;
/* Valeurs numériques */
font-weight: 1;
font-weight: 100;
font-weight: 100.6;
font-weight: 123;
font-weight: 200;
font-weight: 300;
font-weight: 321;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;
font-weight: 1000;
/* Valeurs globales */
font-weight: inherit;
font-weight: initial;
font-weight: unset;
xxxxxxxxxx
font-weight: normal; /*equals font-weight: 400; */
font-weight: bold; /*eq font-weight: 700; */
font-weight: 100;
: 200
: 100n, n = 1...9
/* Relative to the parent */
font-weight: lighter;
font-weight: bolder;
xxxxxxxxxx
/* key word "lighter", "normal", "bold", or "bolder" */
.normal {
font-weight: normal;
}
/* number between 100 and 900 */
.heavy {
font-weight: 900;
}
xxxxxxxxxx
p {
font-weight: normal;
}
a {
font-weight: bold;
}
p.thick {
font-weight: 780;
}
xxxxxxxxxx
/* 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; /* normal */
font-weight: 500;
font-weight: 600;
font-weight: 700; /* bold */
font-weight: 800;
font-weight: 900;
xxxxxxxxxx
normal -> The default, defines what is considered the weight of the normal
characters.
bold -> Defines thick characters than normal ones
bolder -> Defines thicker characters than normal ones
lighter -> Defines lighter characters than normal ones
[100, 200, 300, 400, 500, 600, 700, 800, 900] -> Goes from thin to thick
characters.
Where 400 is the same as normal.
700 is the same as bold.
900 the same as bolder.
initial -> Sets this property to its default value.
inherit -> Inherits this property from its parent element.