CSS Text Bold

CSS Tutorial » CSS Text Bold

The font-weight property sets how thick or thin characters in text should be displayed.

We can add Text Bold "font-weight"as:
Inline - by using the style attribute in HTML elements
Internal - by using a <style> element in the <head> section
External - by using an external CSS file as style.css

Syntax:

Syntax: Internal & External CSS.

font-weight: normal or bold or bolder or lighter or number or initial or inherit;

Syntax: Inline CSS inside of an HTML tag.

font-weight: normal or bold or bolder or lighter or number or initial or inherit;

Syntax: HTML Simple text bold.

Note: use external CSS instead.

How to create CSS Text Bold - examples

You can try to execute the following code to change the font font-weight and <strong> </strong>in an HTML page.

Example:

Example 1, How to create CSS Text Bold - examples:

<!DOCTYPE html>

  <html>
  <head>

  <title>CSS Text Bold  - examples - example</title>

  <style>

  div.bold1 {

  font-weight: norma;;

  }
div.bold2 {

  font-weight: bold;

  }
div.bold3 {

  font-weight: 900;

  }

  </style>

  </head>

  <body>

  	<h1>CSS Text Bold. The font-weight Property</h1>

<div class="bold1">Here your text.</div>

<div class="bold2">Here your text.</div>

<div class="bold3">Here your text.</div>

		<h2>CSS Text bold. The font-weight Property using inline CSS</h2>

<p style="font-weight:bold; color:blue;"> I'm a big, blue, <strong>strong</strong> paragraph </p>

	<h3>HTML simple Text bold.</h3>

<strong> I'm a big, blue, <strong>strong bold</strong> paragraph </strong>

</body>

  </htm

Note: Use external CSS instead.

CSS Text Bold, italic, property, style, on hover, font, size, bootstrap, code, css text bold, on hover, italic, font, property, bootstrap, tag, size, code
CSS Text Bold - css tutorial

Online Editor

ONLINE EDITOR

news templates

COLOR PICKER

news templates

This tool makes it easy to create, adjust, and experiment with custom colors for the web.

HTML Templates

Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.

CSS HTML Layout

Find here examples of creative and unique website layouts.

Free CSS HTML Menu

Find here examples of creative and unique website CSS HTML menu.