Fare un sito Web accattivante è qualcosa di cui la maggior parte degli sviluppatori web si prende cura. Gli sviluppatori Web applicano colori, allineamenti e decorazioni al testo che appare sul sito Web. Il testo sui siti Web può essere migliorato utilizzando una vasta gamma di proprietà fornite da CSS. Una di queste proprietà è la proprietà di decorazione del testo che consente di applicare le righe di miglioramento sul testo. Questo tutorial è progettato per illuminare i suoi lettori sulla decorazione del testo in CSS.

decorazione del testo Proprietà in CSS

Come già accennato, la proprietà di decorazione del testo in CSS aggiunge righe di miglioramento sul testo che appare in una pagina web. La proprietà di decorazione del testo consente di applicare una sottolineatura, una linea eccessiva, una linea e una combinazione di questi con il testo specificato.

Sintassi

Ha la seguente sintassi

P
Decisore del testo: overline;

Come applicare sottolineare al testo

Utilizzando la proprietà di decorazione del testo, è possibile sottolineare un testo specifico.

Esempio

Decorazione di testo CSS

Produzione
Il testo è stato sottolineato.

Come applicare in modo eccessivo al testo

Utilizzando la proprietà di decorazione del testo, è possibile impostare una linea eccessiva su un testo specifico. Consultare l'esempio di seguito.

H1
Decisore del testo: overline;

Produzione

È stato impostato un overline sul testo.

Come applicare la linea-through al testo

Utilizzando la proprietà di decorazione del testo, è possibile impostare una linea-through su un testo specifico. Usa il seguente pezzo di codice.

H1
DECORAZIONE DEL TESTO: linea-through;

Produzione

Una linea-through è stata applicata al testo.

Come applicare una combinazione delle tecniche di cui sopra al testo

Utilizzando la proprietà di decorazione del testo, è possibile utilizzare una combinazione di sottolineatura, overline e line-through su un testo specifico. Usa il seguente pezzo di codice.

H1
Decisore del testo: sottolinea overline;

Produzione

Il testo è stato sottolineato e sovrapposto.

delerazione del testo Una proprietà stenografica

Una proprietà stentata in CSS è una proprietà che consente di applicare valori diversi ad altre numerose proprietà CSS contemporaneamente, risparmiando tempo ed energia. La proprietà di decorazione del testo è anche considerata come una proprietà stenografia perché può essere utilizzata per impostare i valori sulle seguenti proprietà;

1. linea di decorazione del testo
2. text-decoration-color
3. stile di decorazione del testo.

Prima di dimostrare la proprietà di decorazione del testo come proprietà stentata con l'aiuto di un esempio. Per prima cosa comprendiamo cosa sono queste proprietà.

Line di decorazione del testo: Questa proprietà è simile alla proprietà di decorazione del testo e può essere utilizzata per applicare decorazioni al testo.

text-decoration-color: Questa proprietà viene utilizzata per applicare il colore alla decorazione applicata sul testo.

stile decorazione del testo: La proprietà in stile decorazione del testo viene utilizzata per applicare stili diversi come solido, ondulato, punteggiato, tratteggiato e raddoppiato alla decorazione di testo (sottolineatura, overline, line-through o una combinazione).

Esploriamo la decorazione del testo come proprietà stentata con l'aiuto di esempi.

Esempio 1

Nel seguente esempio, stiamo applicando il colore e lo stile alla decorazione di testo usando solo la proprietà di decorazione del testo.

Decorazione di testo CSS

Produzione

Il testo è decorato usando una sottolineatura rossa ondulata.

Esempio 2

Nel seguente esempio, stiamo applicando una combinazione di sottolineatura e in linea e stabilendo anche il colore e lo stile.

Decorazione di testo CSS

Produzione

Il testo è stato decorato utilizzando una sottolinea rossa solida e overline.

Conclusione

La proprietà di decorazione del testo in CSS consente di aggiungere righe di miglioramento al testo sulle pagine Web. Queste linee possono essere sottolineate, line-through, overline o una combinazione di queste con un testo specifico. Questa proprietà è definita proprietà stenografica perché è possibile impostare i valori su proprietà di decorazione del testo, decorazione del testo e proprietà in stile decorazione di testo. Questo articolo, discute in profondità la proprietà di decorazione del testo, insieme ad esempi adeguati.