.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 :: center text html css position fixed |
| Css :: text properties css |
| Css :: word spacing css |
| Css :: css sticky navigatiojn |
| Css :: css put span on new line |
| Css :: transform scale |
| Css :: center a spinner css |
| Css :: how to give text two colors in css |
| Css :: css scaling border radius |
| Css :: text decoration underline not removing |
| Css :: css overflow elipsis |
| Css :: move up on hover css |
| Css :: sass darken |
| Css :: @font-face rule in css |
| Css :: vertical hr |
| Css :: css transform translate rotate |
| Css :: ie11 flex 1 |
| Css :: css border different sides |
| Css :: @each scss |
| Css :: how to x axis scroll css |
| Css :: css box shadow from all sides |
| Css :: how to call media query inside css class |
| Css :: change size material checkbox |
| Css :: curve bottom of square css |
| Css :: how to make image fit container css |
| Css :: square with 2 colors css |
| Css :: div inline grid 100% width |
| Css :: how to hange the color of your cursor in css |
| Css :: change image with css |
| Css :: border css shorthand |