/* 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 |