Der Schriftstärke Die Eigenschaft in CSS wird verwendet, um die Stärke oder Dicke der Schriftart festzulegen. Sie gibt an, wie dünn oder dick die Zeichen in einem Text sind. Der Schriftstärke Die Eigenschaft hängt entweder von den vom Browser angegebenen Strichstärken oder den verfügbaren Schriftarten in einer Schriftfamilie ab. Diese CSS-Eigenschaft definiert dünne bis dicke Zeichen.

Es akzeptiert den vordefinierten numerischen Wert oder Schlüsselwortwerte. Die verfügbaren Schlüsselwörter, die wir mit dieser Eigenschaft verwenden können, sind normal, fett, heller und kräftiger . Der numerische Wert kann 100, 200, 300, ........., bis zu 900 sein. Der höhere numerische Wert stellt die fettere Schriftstärke dar als die niedrigeren numerischen Werte.

vlc zum Herunterladen von YouTube

Syntax

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

Der Nummer stellt in der obigen Syntax die numerischen Werte dar. Der numerische Wert 400 entspricht dem Schlüsselwortwert normal , und der Wert 700 entspricht dem Schlüsselwortwert deutlich .

Der normal Der Wert strong> definiert die normalen Zeichen und die deutlich Der Wert gibt die dicken Zeichen an. Der mutiger Der Wert stellt die fettere Schriftstärke dar und der Feuerzeug Der Wert stellt die geringere Schriftstärke dar als die vom übergeordneten Element geerbte Schriftstärke.

Sehen wir uns an, wie Sie mithilfe einer Illustration Text in CSS fett formatieren.

Einführung

CSS ist als leistungsstarkes Tool für die Entwicklung der Webseite bekannt. Mithilfe dieser Funktion können wir den HTML-Inhalt auf vielfältige Weise gestalten. Eine der häufigsten Eigenschaften zum Gestalten der Webseite ist die Verwendung einer Eigenschaft für die Schriftstärke. Mithilfe von fett gedrucktem Text können wir die wichtigsten Informationen und den visuellen Kontrast hervorheben und außerdem die Lesbarkeit von Inhalten verbessern.

Grundlegendes zur Eigenschaft „Font-Weight“.

In CSS gibt es eine Font-Weight-Eigenschaft, mit der die Stärke oder Dicke der Schriftart definiert wird. Es bestimmt auch den Grad der Textfettigkeit oder -helligkeit, wobei der höhere Wert auf eine kräftigere Schriftstärke hinweist. Die Eigenschaft „font-weight“ akzeptiert verschiedene Werte, beispielsweise numerische Werte und Schlüsselwortwerte.

Der Bereich der numerischen Werte liegt zwischen 100 und 900 in Schritten von 100. Wenn wir beispielsweise den Schriftstärkewert 400 annehmen, ist dies normal, während ein Schriftstärkewert von 700 als fett betrachtet wird. Fett, fetter, heller und einige häufig verwendete Schlüsselwortwerte.

SQL-Anzahl eindeutig

So erstellen Sie fetten Text mit CSS

Mit Hilfe von CSS können wir den fetten Text in HTML erstellen. Wir können Inline-, interne oder externe Schriftstileigenschaften verwenden.

1. Wie wir den fetten Text mit Inline-Styling erstellen können

Mit Hilfe des Inline-Stylings können wir die Eigenschaft „font-weight“ direkt auf ein bestimmtes HTML-Element anwenden. Nehmen wir ein Beispiel.

HTML Quelltext:

 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Ausgabe

Erläuterung:

Im obigen Code haben wir das Inline-CSS verwendet und die Eigenschaft „font-weight“ als fett angewendet.

2. Wie wir mit internem Stil fetten Text erstellen können

Hier müssen wir die CSS-Eigenschaft mit dem Style-Tag in das Head-Tag schreiben. Nehmen wir ein Beispiel:

HTML Quelltext:

 Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Ausgabe

Erläuterung:

Federrahmen

Im obigen Code haben wir internes CSS verwendet und die Eigenschaft „font-weight“ angewendet.

3. Wie wir mit externem Stil fetten Text erstellen können

Hier müssen wir eine externe CSS-Datei erstellen und diese mit der HTML-Datei verknüpfen. In diese CSS-Datei müssen wir die Style-Eigenschaft schreiben. Nehmen wir ein Beispiel.

HTML Quelltext:

Java ist leer

 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

CSS-Code:

 p { font-weight: bold; } 

Ausgabe

Erläuterung:

Im obigen Code haben wir die externe CSS-Eigenschaft verwendet und die Eigenschaft „font-weight“ implementiert.

Beispiel

Sehen wir uns anhand des folgenden Beispiels an, wie Sie fetten Text in verschiedenen Farbtönen erstellen:

 p{ font-size: 20px; } <p>This font is normal.</p> <p>This font is bold.</p> <p>This font is lighter.</p> <p>This font is bolder.</p> <p>This font is 100 weight.</p> <p>This font is 200 weight.</p> <p>This font is 300 weight.</p> <p>This font is 400 weight.</p> <p>This font is 500 weight.</p> <p>This font is 600 weight.</p> <p>This font is 700 weight.</p> <p>This font is 800 weight.</p> <p>This font is 900 weight.</p> 

Ausgabe