How to add bold in css

Css bold text

.text {
	font-weight: bold;
}

Css bold text

/* 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;

Css bold text

we can set text bold using css property named 'font-weight'
Syntax:
selector{
  font-weight: bold;
}

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

Bold in style tag css

1) Bold tag:
	<b> {HTML HERE} </b>

2) Strong tag:
	<strong> {HTML HERE} </strong>

3) CSS
.bold {
	font-weight: bold;
}

How to add bold in css

.selector {
	font-weight: bold;
}

Similar codes

60 votes180 views3 answers
Adding shadow to a div
CSS
0 vote154 views1 answer
Create a specific form size and center in css
CSS
0 vote147 views1 answer
Matrix multiplication markdown
CSS
2 votes165 views1 answer
How to make auto scroll to the end in css
CSS
0 vote153 views1 answer
Avoid side scrolling css
CSS
1 vote144 views2 answers
Brightness css
CSS
2 votes144 views2 answers
How to give 2 different background color css
CSS
0 vote149 views1 answer
Mettre un element en avant css
CSS
-1 vote210 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote143 views2 answers
Center a fixed div horizontally
CSS