.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 |