Spaziatura del testo e spaziatura delle parole in CSS | Spiegato
In HTML/CSS, se dobbiamo aggiungere alcuni spazi extra tra le parole o le linee, le proprietà CSS ci consentono di controllare la spaziatura tra le righe, le parole e persino le lettere. Questo articolo si concentrerà sulle proprietà di spaziatura delle parole e di spaziatura delle lettere e dopo aver letto questo articolo, sarai in grado di rispondere ai seguenti termini:
- Cosa sta spaziando le parole?
- Come usare la proprietà di spaziatura delle parole in CSS?
- Cosa sta spaziando le lettere?
- Come utilizzare la proprietà che spazia le lettere in CSS?
- Qual è la differenza tra proprietà di spaziatura delle lettere e spaziatura delle parole?
Questo articolo fornisce una comprensione completa delle domande sopra menzionate con l'aiuto di alcuni esempi. Quindi, senza un ulteriore ritardo iniziamo la discussione con la definizione formale di spaziatura delle parole.
Spaziatura delle parole in CSS
Come suggerisce il nome stesso, questa proprietà è in grado di gestire la spaziatura tra le parole. Possiamo assegnare uno specifico "lunghezza"A questa proprietà per regolare la spaziatura tra le parole i.e. Possiamo aumentare o ridurre lo spazio tra le diverse parole.
Come usare la proprietà di spaziatura delle parole in CSS
Comprendiamo questo concetto praticamente con l'esempio di seguito:
Esempio
In questo codice, abbiamo creato un paragrafo e aggiunto un po 'di spazio extra tra le parole:
Questo è un paragrafo ..
Il seguente sarà l'output per il pezzo di codice sopra:
Ciò che abbiamo osservato nel codice sopra è che è un paragrafo normale senza spazi extra, quindi abbiamo bisogno di un modo corretto per mettere spazio tra le parole.
Esempio
Possiamo aggiungere alcuni spazi extra usando la proprietà di spaziatura delle parole CSS:
Questo è un paragrafo ..
Ora l'output verificherà che lo spazio tra ogni parola è 0.5 cm:
Lo spazio può essere aggiunto tra le parole in varie unità come PX, CM, MM, ecc.
Spazio di lettere in CSS
Questa proprietà è simile alla proprietà che spazia le parole l'unica differenza è che la proprietà che spazia le lettere mira alle singole lettere anziché alle parole I.e. Controlla lo spazio tra le lettere.
Come utilizzare la proprietà che spazia le lettere in CSS
Comprenderemo il funzionamento di questa proprietà usando un esempio. Per distinguere tra il funzionamento della spaziatura delle parole e della spaziatura delle lettere creeremo un paragrafo e un'intestazione.
Esempio
Il codice indicato di seguito implementerà le parole su
elemento e spaziatura di lettere su
elemento:
Spaziatura del testo
Questo è un paragrafo ..
Il seguente sarà l'output per il codice di sopra:
L'output di cui sopra verifica che la proprietà che spaziava le lettere ha aggiunto lo spazio tra le lettere e la proprietà che spaziano le parole ha aggiunto lo spazio tra le parole.
Conclusione
La proprietà di spaziatura delle parole e le proprietà che sparano le lettere possono essere utilizzate nel CSS per controllare rispettivamente la spaziatura tra parole e lettere. Diversi valori di lunghezza CSS come PX, MM, CM, possono essere usati per regolare lo spazio tra le lettere e le parole. Questo articolo presenta una linea guida completa per le proprietà di spaziatura delle parole e spaziatura in CSS e spiega la necessità e l'uso di queste proprietà.