CSS strever om forskjellig farge fra tekst

Vi ser ofte en horisontal linje som krysser på teksten på en slik måte at det virker som om teksten er kansellert eller avstått. Disse linjene kalles streik. For å lage en streik på teksten mens du bruker HTML for å formatere dokumentet, brukes HTML -koder. Selv om det å lage en streik ved bruk av taggen er standardmetoden, kan de streikene også opprettes ved hjelp av tekstdekorasjonsegenskapen inne i taggen.

Dette innlegget vil dekke begge metodene for å lage streiken med en annen farge enn teksten som den strike blir brukt.

Metode 1: Gjennom tag

Det er enkelt å lage det streiket på teksten gjennom taggen. La oss forstå dette ved hjelp av et eksempel:

Rødfarget streik

• I ovennevnte kodebit er det en tag der det er stilattributtet som definerer "rød”Farge for streiken. Dette vil være fargen på Strikethrough (ikke teksten).
• Inne i taggen er det en annen tag, jeg.e., Tag, med stilattributtet som definerer fargen på teksten som streiken må brukes som "svart”.

Følgende utdata vises på grensesnittet til websiden:

Metode 2: Bruke tekstdekorasjonsegenskap

Det er også mulig å opprette streiken i en tekst ved å bruke bare tekstdekorasjonsegenskapen:

Grønnfarget streik

• I ovennevnte kodebit er det taggen som er opprettet med stilattributtet som definerer fargen på det streiket "grønn”.
• Etter det er det “Tekstdekorasjon: Linje-gjennom”CSS -egenskap som oppretter den streikende (horisontale linjen) i utgangen.
• Inne i hovedmerket er det en annen tag akkurat som den som er opprettet i forrige del av denne artikkelen.
• I taggen som er opprettet i hovedtaggen, er det stilattributtet som definerer fargen på teksten som den streiken må opprettes som "svart”.

Dette vil vise teksten farget i “svart”Farge og streik på teksten farget i“grønn”Farge:

Slik blir det opprettet og vises på et grensesnitt.

Konklusjon

StrikeThroughs på teksten i HTML kan enten opprettes ved å legge til taggen som brukes til å lage streiken og legge til fargeattributtet i den eller ved å legge til tekstdekorasjonsegenskapen i taggen og sette den til lik linje. Gjennom disse metodene kan streikene opprettes, og fargene for streiken kan defineres enkelt.