CSS Tekst-dekoration egenskab: -
Understregninger kan bruges til at fremhæve vigtig tekst. U-elementet og CSS-tekstdekorationsegenskaben er de to mest brugte teknikker til at understrege tekst på websider.
Begge er ligetil at bruge, men U-elementet giver betydningen semantisk værdi. En anden kan vises efter behov, hvilket gør det nemt at ændre understregningstilstanden ved blot at tilføje CSS-klasser til teksten.
Hvorvidt understregninger er nyttige til at udtrykke mening eller tilgængelighed er et spørgsmål om debat. Understregninger er en naturlig tilgang til at tilbyde større brugeroplevelsesværdi, når farve alene ikke er nok til at udtrykke mening.
Attributten tekst-dekoration tilbyder en alternativ måde at understrege tekst på. Den hyperlinkede tekst kan også bruges til at erstatte understregninger med overstregninger.
En overstregning er det modsatte af understregning. En linje tilføjes øverst i teksten.
Vi kan bruge alle understregnings- og overstregningsværdier til den samme klassedefinition. Tekst-dekorationsegenskaben styrer, hvordan teksten præsenteres på flere måder. Når tekst-dekoration er indstillet til at understrege, er teksten inde i komponenten understreget.
Tekstdekoration CSS-egenskaber er fantastiske til tekst, men de kan begrænses med hensyn til design og er ikke anvendelige til ikke-tekstindholdstyper. Understregninger kan også oprettes med CSS-kantattributter.
hvordan man konverterer str til int
Attributten tekst-dekoration er den mest grundlæggende måde at understrege tekst på. Den væsentligste ulempe ved tekstdekoration er, at den ikke kan konfigureres.
Egenskaben tekstdekoration bruger understregning, overstregning, gennemstregning eller en kombination af linjer til at fremhæve valgt tekst.
Indholdet er understreget ved hjælp af tekst-decoration-line-attributten. Overstregning, understregning og gennemstregning er de tre muligheder for denne attribut. I CSS bruges attributten understregning til at fremhæve teksten. Understregningen er tegnet under inline-teksten med denne værdi.
På tværs af efterkommertekstelementer tegnes tekstdekorationer. Det betyder, at når et element definerer en tekstdekoration, kan dekorationen ikke fjernes af et underordnet element.
mappe i linux-kommandoer
Der er ingen streg, og eventuelle eksisterende dekorationer slettes.
Understrege: en 1px linje tegnes hen over tekstens grundlinje.
Gennemgang: ved tekstens 'midterste' punkt, indsætter en 1px linje på tværs af den.
Overline: tilføjer en 1px linje direkte over tekstens 'øverste' punkt på tværs af teksten.
Arve: arver forældrenes dekoration.
Tekstdekoration er specificeret gennem egenskaben tekst-dekoration, som er en stenografisk karakteristik for:
konvertere streng til heltal
- tekst-dekorationslinje (påkrævet)
- tekst-dekoration-farve
- tekst-dekoration-stil
- tekst-dekoration-tykkelse
overstregning, understregning, understregning-overstregning, gennemstregning kommer under tekst-dekorationslinje.
Solid, prikket, stiplet, bølget, dobbelt kommer under tekst-dekoration-stil.
Farve i decimalværdi, hexadecimal værdi eller arv kommer under tekst-dekoration-farve.
Kant-bund-egenskaben er et alternativ til tekstdekoration. Vi kan også bruge kant-bund til at give polstring.
Syntaks: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Lad os nu se efter et eksempel og forstå brugen af tekst-dekorationsegenskaber.
Tekst-dekoration: understregning overline
Eksempel: -
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> Produktion:
