Allineamento del testo in CSS

CSS Short per fogli in stile a cascata viene utilizzato per manipolare gli elementi di una pagina web scritta in HTML o XML per migliorare il suo aspetto. CSS è costituito da una vasta gamma di proprietà utilizzate per modificare il colore, le dimensioni, l'allineamento di un elemento, ecc. Questo articolo, tuttavia, è progettato per illuminare i suoi lettori riguardo alla proprietà che aiuta ad allineare il testo su una pagina web.

Allineamento del testo in CSS

Per allineare il testo usando CSS, viene utilizzata la proprietà allineata. Questa proprietà allinea il testo orizzontale. Un testo può essere allineato nei seguenti modi diversi;

1. Sinistra
2. Giusto
3. Centro
4. Giustificato

Se la direzione del testo è da sinistra a destra, il testo verrà allineato a sinistra per impostazione predefinita e se la direzione del testo è da destra a sinistra, il testo verrà allineato a destra per impostazione predefinita.

Come sinistra allineare il testo

Per allineare il testo a sinistra, impostare il valore della proprietà allineata dal testo come a sinistra. L'esempio seguente mostra l'allineamento sinistro del testo.

Questo testo viene lasciato allineato.

Produzione

L'allineamento del testo è stato impostato su sinistra.

Come allineare il testo

Al fine di allineare il testo a destra, impostare il valore della proprietà allineato al testo come a destra. L'esempio seguente mostra il giusto allineamento del testo.

Questo testo è giusto allineato.

Produzione

Il testo è stato giusto allineato.

Come allineare il testo allineato

Al fine di allineare il testo al centro impostare il valore della proprietà allineata dal testo come centro. L'esempio seguente mostra l'allineamento centrale del testo.

Questo testo è allineato al centro.

Produzione

Il testo è stato allineato al centro.

Come giustificare l'allineamento del testo

Al fine di giustificare l'allineamento del testo Impostare il valore della proprietà allineata dal testo come giustifica. Quando giustifichi l'allineamento del testo, ogni riga è allungata per avere la stessa larghezza, inoltre, i margini (a sinistra e a destra) sono impostati dritti. L'esempio seguente demostrati ha giustificato l'allineamento del testo.

Questo allineamento del testo è giustificato.

Produzione

L'allineamento del testo è stato giustificato.

Ora, a volte ci imbattiamo in una situazione in cui vogliamo allineare un pezzo di testo invece dell'intero testo. Supponiamo che tu voglia allineare l'ultima riga del testo e per questo, viene utilizzata la proprietà del testo-allinea.

Testo allineare l'ultima proprietà

Come già accennato, questa proprietà viene utilizzata allinea l'ultima riga del testo.

Esempio
Nell'esempio seguente, stiamo giustificando l'allineamento dell'ultima riga del paragrafo.

CSS Short per fogli in stile a cascata viene utilizzato per manipolare gli elementi di una pagina web scritta in HTML o XML per migliorare il suo aspetto. CSS è costituito da una vasta gamma di proprietà utilizzate per modificare il colore, le dimensioni, l'allineamento di un elemento, ecc.

Produzione

L'ultima riga del paragrafo è giustificata.

Conclusione

Utilizzando la proprietà allineata al testo di CSS è possibile regolare l'allineamento del testo in un documento HTML. Il testo su una pagina Web può essere allineato in quattro modi diversi; a sinistra, a destra, al centro e giustificata. Inoltre, la proprietà allineate-allinea viene utilizzata per allineare la linea di un paragrafo. Questo articolo evidenzia in modo approfondito la proprietà allineata al testo di CSS con l'aiuto di esempi appropriati.