IL peso del carattere La proprietà nei CSS viene utilizzata per impostare il peso o lo spessore del carattere. Specifica quanto sottili o spessi sono i caratteri in un testo. IL peso del carattere La proprietà dipende dagli spessori specificati dal browser o dai caratteri disponibili in una famiglia di caratteri. Questa proprietà CSS definisce i caratteri da sottili a spessi.

Accetta il valore numerico predefinito o i valori delle parole chiave. Le parole chiave disponibili che possiamo utilizzare con questa proprietà sono normale, audace, più leggero e più audace . Il valore numerico può essere 100, 200, 300, ...., fino a 900. Il valore numerico più alto rappresenta lo spessore del carattere più grassetto rispetto ai valori numerici più bassi.

Sintassi

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

IL numero nella sintassi precedente rappresenta i valori numerici. Il valore numerico 400 è uguale al valore della parola chiave normale e il valore 700 è uguale al valore della parola chiave grassetto .

lezione di matematica java

IL normale Il valore strong> definisce i caratteri normali e il grassetto il valore specifica i caratteri spessi. IL più audace il valore rappresenta lo spessore del carattere più grassetto e il accendino value rappresenta il peso del carattere più leggero rispetto al peso ereditato dal genitore.

Vediamo come rendere il testo in grassetto nei CSS utilizzando un'illustrazione.

introduzione

I CSS sono conosciuti come un potente strumento per lo sviluppo della pagina web. Con l'aiuto di questo, possiamo modellare il contenuto HTML in tanti modi. Una delle proprietà più comuni per definire lo stile della pagina Web è l'utilizzo dell'aiuto di una proprietà del peso del carattere. Con l'aiuto del testo in grassetto possiamo enfatizzare le informazioni chiave e il contrasto visivo, oltre a migliorare la leggibilità del contenuto.

Comprensione della proprietà Font-Weight

Nei CSS esiste una proprietà Font-Weight, che viene utilizzata per definire il peso o lo spessore del carattere. Determina anche il grado di audacia o luminosità del testo, accettando il valore più alto si indica uno spessore del carattere più audace. La proprietà font-weight accetta vari valori, come valori numerici e parole chiave.

L'intervallo di valori numerici è compreso tra 100 e 900, con incrementi di 100. Ad esempio, se prendiamo il valore del peso del carattere come 400, allora è normale, mentre un valore del peso del carattere 700 è considerato in grassetto. Grassetto, più audace, più leggero e alcuni valori delle parole chiave di uso comune.

Come creare testo in grassetto con i CSS

Possiamo creare il testo in grassetto in HTML con l'aiuto dei CSS. Possiamo utilizzare proprietà di stile del carattere in linea, interne o esterne.

1. Come possiamo creare il testo in grassetto con lo stile in linea

Con l'aiuto dello stile in linea, possiamo utilizzare la proprietà font-weight direttamente su un elemento HTML specifico. Facciamo un esempio.

Codice HTML:

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

Produzione

Spiegazione:

Nel codice precedente, abbiamo utilizzato il CSS in linea e applicato la proprietà font-weight in grassetto.

2. Come possiamo creare testo in grassetto con stile interno

Qui dobbiamo scrivere la proprietà CSS all'interno del tag head con il tag style. Facciamo un esempio:

Codice HTML:

creazione di elenchi in Java

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

Produzione

Spiegazione:

Nel codice precedente abbiamo utilizzato CSS interni e applicato la proprietà font-weight.

3. Come possiamo creare testo in grassetto con uno stile esterno

Qui dobbiamo creare un file CSS esterno e collegarlo al file HTML. All'interno di quel file CSS, dobbiamo scrivere la proprietà style. Facciamo un esempio.

Codice HTML:

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

Codice CSS:

 p { font-weight: bold; } 

Produzione

10 milioni

Spiegazione:

Nel codice sopra abbiamo utilizzato la proprietà CSS esterna e implementato la proprietà font-weight.

Esempio

Vediamo come creare testo in grassetto in diverse tonalità utilizzando l'esempio seguente:

 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> 

Produzione