Propietat de decoració de text CSS: -
Els subratllats es poden utilitzar per ressaltar el text important. L'element U i la propietat de decoració de text CSS són les dues tècniques més utilitzades per subratllar el text a les pàgines web.
Tots dos són senzills d'utilitzar, però l'element U ofereix un valor semàntic al significat. Es pot mostrar un altre sota demanda, de manera que és senzill canviar l'estat del subratllat simplement afegint classes CSS al text.
Si els subratllats són útils o no per expressar el significat o l'accessibilitat és un tema de debat. Els subratllats són un enfocament natural per oferir un major valor de l'experiència de l'usuari quan el color només no és suficient per expressar significat.
L'atribut text-decoration ofereix una manera alternativa de subratllar el text. El text amb hiperenllaç també es pot utilitzar per substituir els subratllats per sobrelines.
Una línia superior és el contrari del subratllat. S'afegeix una línia a la part superior del text.
Podem utilitzar tots els valors de subratllat i de sobrelínia per a la mateixa definició de classe. La propietat text-decoration regula com es presenta el text de diverses maneres. Quan la decoració de text està configurada per subratllar, el text dins del component es subratlla.
Les propietats CSS de decoració de text són fantàstiques per al text, però es poden limitar pel que fa al disseny i no són aplicables als tipus de contingut que no són de text. També es poden crear subratllats amb atributs de vora CSS.
si més, en bash shell
L'atribut text-decoration és la forma més bàsica de subratllar el text. El desavantatge més important de la decoració de text és que no és configurable.
La propietat de decoració de text fa servir subratllat, sobrelínia, trajecte de línia o una combinació de línies per ressaltar el text seleccionat.
El contingut es subratlla amb l'atribut text-decoration-line. El sobre, el subratllat i el pas de línia són les tres opcions d'aquest atribut. En CSS, el subratllat de l'atribut s'utilitza per ressaltar el text. El subratllat es dibuixa sota el text en línia amb aquest valor.
A través dels elements de text descendents, es dibuixen decoracions de text. Això implica que quan un element defineix una decoració de text, la decoració no pot ser eliminada per un element fill.
convenció de noms java
No hi ha cap línia dibuixada i s'eliminen totes les decoracions existents.
Subratllar: es dibuixa una línia d'1 px a través de la línia base del text.
Línia passant: al punt 'mig' del text, insereix una línia d'1 px a través d'ell.
Overline: afegeix una línia d'1 px directament a sobre del punt 'superior' del text a través del text.
Heretar: hereta la decoració dels pares.
La decoració del text s'especifica mitjançant la propietat text-decoration, que és una característica taquigràfica per a:
- text-decoration-line (obligatori)
- text-decoració-color
- text-estil de decoració
- text-decoració-gruix
overline, subratlla, subratlla-overline, line-through està sota text-decoration-line.
Sòlid, puntejat, guionat, ondulat, doble es troba sota l'estil de decoració de text.
culleradeta vs cullerada
El color en el valor decimal, el valor hexadecimal o l'herència es troba a text-decoració-color.
La propietat border-bottom és una alternativa a la decoració del text. També podem utilitzar border-bottom per proporcionar farciment.
Sintaxi: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Busquem ara un exemple i entenem l'ús de la propietat de decoració de text.
Text-decoració: subratlla sobre la línia
Exemple: -
h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3> Sortida:
