Come rendere il testo barrato in CSS
Il CSS ti consente di produrre un'ampia varietà dioperazioni associate alla decorazione decorativa dell'intera pagina. Particolare attenzione è rivolta al testo, che nella maggior parte dei casi riempie la maggior parte di tutti i siti. Oggi considereremo una proprietà interessante: un testo sottolineato, sottolineato e barrato. Tutti questi effetti sono impostati usando una singola regola CSS.
assegnazione
È possibile enfatizzare e cancellare il testo in CSS conusando il comando "text-decoration". L'effetto dipenderà dal valore specificato. Il CSS è stato coniato per separare la parte logica e strutturale di una pagina web. Ma prima dell'aspetto dei fogli di stile a cascata venivano usati tag HTML, che avevano un significato simile. Ad esempio, un elemento come <strike> consente di stampare il testo barrato. Ora questo tag è considerato indesiderabile e il suo utilizzo renderà automaticamente il tuo codice di pagina non valido. Anche se questo elemento <strike> è ancora supportato da tutti i browser moderni ed è utilizzato da alcuni sviluppatori. Ma torniamo ai CSS. Il comando "text-decoration" può avere i seguenti valori:
- Sottolineato. Assegnando questo valore, ottieni il testo sottolineato.
- Overline. La linea passerà sopra un certo frammento della pagina.
- Linea-through. Crea un testo barrato o barrato.
- Blink. Il frammento selezionato del documento scomparirà periodicamente e riapparirà.
- Inoltre ci sono valori di "none" e "inherit". Il primo annulla tutti gli effetti e i secondi ordini ereditano la proprietà dell'elemento genitore.
destino
Sembrerebbe che nei CSS un testo barrato eEffetti simili servono solo a decorare il testo. Nella maggior parte dei casi, questa affermazione è vera. Ma a volte vale la pena considerare la domanda: a cosa servivano gli elementi? Ad esempio, un tag "strike" già obsoleto è stato utilizzato per fare riferimento a informazioni errate o vecchie. I lettori, vedendo il testo barrato, comprendono il significato nascosto di questa notazione. Le parole sottolineate sono sempre immediatamente distinte dal flusso generale. Pertanto, questo effetto deve essere utilizzato per evidenziare informazioni importanti. Il valore di "lampeggio", che fa lampeggiare il testo, è usato molto raramente, poiché tra i programmatori è considerato un effetto così inaccettabile. Dopo tutto, a pochi dei tuoi lettori piacciono i simboli tremolanti che li distraggono costantemente. Bene, il valore di "overline" è usato solo per decorare il testo.
lineamenti
Sebbene tutti i valori della proprietà "text-decoration"sono inclusi nelle specifiche delle versioni a cascata, tuttavia alcuni valori non sono supportati dai browser moderni. Ad esempio, il testo lampeggiante non sarà visibile in IE. Google Chrome non accetta determinati valori. Le piattaforme mobili non supportano in modo adeguato questa funzionalità.
conclusione
Effetti come testo barrato e altrovalori simili sono spesso usati su Internet. Il loro uso consente di esprimere correttamente l'idea principale dell'autore, aiutando a concentrare l'attenzione dei lettori sulla parte necessaria del testo. Ma non essere troppo zelante e in ogni occasione per applicare la proprietà di "decorazione del testo". Dopo tutto, l'inutile ornamento del testo può danneggiare te e i tuoi lettori.
