.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.
Code Example |
---|
Css :: 100vh - 100px |
Css :: css text no word wrap |
Css :: text overflow ellipsis css |
Css :: grid template column auto fill |
Css :: bootstrap 4 center image |
Css :: css gradient border |
Css :: set scroll bar on a table |
Css :: rainbow text with css |
Css :: css hr thickness |
Css :: input form shadow active bootstrap |
Css :: reset css cdn |
Css :: css font text stroke |
Css :: html position absolute center |
Css :: font border css |
Css :: ul no indent |
Css :: css avoid line break in span |
Css :: add google font |
Css :: css list no bullets |
Css :: css disabled div |
Css :: jquery css |
Css :: checkbox remove styling |
Css :: scss sass watch command line |
Css :: how to make a glow effect in html |
Css :: center align in grid |
Css :: css click event jquery |
Css :: less calc |
Css :: vertical-align tablerow |
Css :: nunito |
Css :: how to make image not repeat on background |
Css :: visibility |