/* 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;
/* key word "lighter", "normal", "bold", or "bolder" */
.normal {
font-weight: normal;
}
/* number between 100 and 900 */
.heavy {
font-weight: 900;
}
p {
font-weight: normal;
}
a {
font-weight: bold;
}
p.thick {
font-weight: 780;
}
<p style="font-weight:normal;">font-weight: normal</p>
<p style="font-weight:bold;">font-weight: bold</p>
<p style="font-weight:bolder;">font-weight: bolder</p>
<p style="font-weight:lighter;">font-weight: lighter</p>
<p style="font-weight:100;">font-weight: 100</p>
<p style="font-weight:200;">font-weight: 200</p>
<p style="font-weight:300;">font-weight: 300</p>
<p style="font-weight:400;">font-weight: 400</p>
<p style="font-weight:500;">font-weight: 500</p>
<p style="font-weight:600;">font-weight: 600</p>
<p style="font-weight:700;">font-weight: 700</p>
<p style="font-weight:800;">font-weight: 800</p>
<p style="font-weight:900;">font-weight: 900</p>
p{
font-weight: bold;
}
/* 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;
Code Example |
---|
Css :: font awesome center icon vertically and horizontally |
Css :: change font size in textarea html |
Css :: css td vertical align |
Css :: move navbar to right css |
Css :: after icon css |
Css :: scss generate random color |
Css :: writing mode css |
Css :: html disabled hover style |
Css :: bootstrap popover style width |
Css :: add css file through jquery |
Css :: css animate svg circle radius |
Css :: inline pseudo element |
Css :: css remove |
Css :: scss maps´ |
Css :: how to add a border in css |
Css :: css code examples |
Css :: text background color css |
Css :: loading bar css |
Css :: apply margin to all child elements |
Css :: Overflow-y scroll always show even it not overflow |
Css :: text-decoration |
Css :: move image around in image div |
Css :: bootstrap z-index |
Css :: materializecss |
Css :: prefix in css |
Css :: css table flex |
Css :: font face html |
Css :: losange css |
Css :: css chamfered corner |
Css :: css nested |