CSS StrikeThrough Colore diverso dal testo

Vediamo spesso una linea orizzontale attraversare il testo in modo tale da sembrare che il testo sia stato cancellato o astenuto. Queste linee sono chiamate strikethrough. Per creare uno sciopero sul testo durante l'utilizzo di HTML per formattare il documento, vengono utilizzati i tag HTML. Sebbene la creazione di uno strikeThrough usando il tag sia il metodo standard, gli strikethrough possono anche essere creati usando la proprietà della decorazione del testo all'interno del tag.

Questo post coprirà entrambi i metodi per creare lo strikethrough con un colore diverso da quello del testo su cui viene applicato lo sciopero.

Metodo 1: tramite tag

Creare lo strikeThrough sul testo tramite il tag è semplice. Capiamolo con l'aiuto di un esempio:

Strikethrough colorato rosso

• Nel frammento di codice sopra, c'è un tag in cui esiste l'attributo di stile che definisce "rosso"Colore per lo sciopero. Questo sarà il colore dello strikeThrough (non il testo).
• All'interno del tag, c'è un altro tag, io.e., Tag, con l'attributo di stile che definisce il colore del testo su cui è necessario applicare lo sciopero come "nero".

Il seguente output verrà visualizzato sull'interfaccia della pagina Web:

Metodo 2: usando la proprietà della decorazione del testo

È anche possibile creare lo sciopero in un testo usando solo la proprietà della decorazione del testo:

StrikeThrough colorato verde

• Nel frammento di codice sopra, c'è il tag creato con l'attributo di stile che definisce il colore dello strikeThrough "verde".
• Dopodiché, c'è il "Decisore del testo: linea-through"Proprietà CSS che crea lo strikethrough (linea orizzontale) nell'uscita.
• All'interno del tag principale, c'è un altro tag esattamente come quello creato nella sezione precedente di questo articolo.
• Nel tag creato all'interno del tag principale, esiste l'attributo di stile che definisce il colore del testo per il quale lo strikethrough deve essere creato come "nero".

Questo visualizzerà il testo colorato in "nero"Colore e sciopero sul testo colorato in"verde" colore:

Ecco come vengono creati e visualizzati gli scioperi su un'interfaccia della pagina web.

Conclusione

Gli strikeThrough sul testo in HTML possono essere creati aggiungendo il tag utilizzato per creare lo sciopero e aggiungendo l'attributo di colore al suo interno o aggiungendo la proprietà della decorazione del testo nel tag e impostandolo uguale alla linea-through. Attraverso questi metodi, gli scioperi possono essere creati e i colori per lo sciopero possono essere facilmente definiti.