.text {
font-weight: bold;
}
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
<p style="font-weight:bold">Hey there</p>
/* 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;
/* Global values */
font-weight: inherit;
font-weight: initial;
font-weight: revert;
font-weight: unset;
/* Keyword values */
font-weight: bold;
/* Keyword values relative to the parent */
font-weight: bolder;
/* Numeric keyword values */
font-weight: 700; // bold
font-weight: 800;
font-weight: 900;
we can set text bold using css property named 'font-weight'
Syntax:
selector{
font-weight: bold;
}
font-weight: normal|bold|bolder|lighter|number|initial|inherit;
font-weight: 700;
.class {
font-weight: bold;
}
.mytext {
font-weight: bold;
}
p{
font-weight: bold;
}
.selector {
font-weight: bold;
}
Deze tekst <b>wordt vetgedrukt</b> en dit niet.