how to make text bold in css
.text {
font-weight: bold;
}how bold text in css
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}how to bold text css inline
<p style="font-weight:bold">Hey there</p>css 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;
/* Global values */
font-weight: inherit;
font-weight: initial;
font-weight: revert;
font-weight: unset;
Source: developer.mozilla.org
css bold text
we can set text bold using css property named 'font-weight'
Syntax:
selector{
font-weight: bold;
}css bold weight
/* key word "lighter", "normal", "bold", or "bolder" */
.normal {
font-weight: normal;
}
/* number between 100 and 900 */
.heavy {
font-weight: 900;
}