CSS Text-dekorationsegenskap: -
Understrykning kan användas för att markera viktig text. U-elementet och egenskapen CSS-textdekoration är de två mest använda teknikerna för att understryka text på webbsidor.
Båda är enkla att använda, men U-elementet ger betydelsen ett semantiskt värde. En annan kan visas på begäran, vilket gör det enkelt att ändra understrykningstillståndet genom att helt enkelt lägga till CSS-klasser i texten.
Huruvida understrykningar är användbara för att uttrycka mening eller tillgänglighet är en fråga om diskussion. Understrykningar är ett naturligt tillvägagångssätt för att erbjuda ett större värde för användarupplevelsen när enbart färg inte räcker för att uttrycka mening.
Attributet text-decoration erbjuder ett alternativt sätt att understryka text. Den hyperlänkade texten kan också användas för att ersätta understrykningar med överlinjer.
En överlinje är motsatsen till understrykning. En rad läggs till överst i texten.
Vi kan använda alla understryknings- och överlinjevärden för samma klassdefinition. Egenskapen text-dekoration styr hur texten presenteras på flera sätt. När textdekoration är inställd på att understryka, är texten inuti komponenten understruken.
Textdekoration CSS-egenskaper är fantastiska för text, men de kan begränsas när det gäller design och är inte tillämpliga på icke-textinnehållstyper. Understrykningar kan också skapas med CSS-gränsattribut.
användning av operativsystem
Attributet text-decoration är det mest grundläggande sättet att understryka text. Den största nackdelen med textdekoration är att den inte är konfigurerbar.
Egenskapen text-decoration använder understrykning, överlinje, genomgående linje eller en kombination av linjer för att markera vald text.
Innehållet är understruket med attributet text-decoration-line. Överlinje, understrykning och genomlinje är de tre alternativen för detta attribut. I CSS används attributet understrykning för att markera texten. Understrykningen är ritad under den infogade texten med detta värde.
Tvärs över efterkommande textelement ritas textdekorationer. Det innebär att när ett element definierar en textdekoration, kan dekorationen inte tas bort av ett underordnat element.
hur man läser csv-fil i java
Det finns ingen linje dragen och alla befintliga dekorationer raderas.
Understrykning: en 1px-linje dras över textens baslinje.
Linje genom: vid textens 'mittpunkt', infogar en 1px linje tvärs över den.
Överlinje: lägger till en 1px rad direkt ovanför textens 'översta' punkt över texten.
Ärva: ärver förälderns dekoration.
Textdekoration specificeras genom egenskapen text-decoration, som är en förkortning för:
- text-dekorationslinje (obligatoriskt)
- text-dekoration-färg
- text-dekoration-stil
- text-dekoration-tjocklek
overline, underline, underline-overline, line-through kommer under text-decoration-line.
Solid, prickad, streckad, vågig, dubbel kommer under text-dekoration-stil.
Färg i decimalt värde, hexadecimalt värde eller ärvt kommer under text-dekoration-färg.
Egenskapen kant-botten är ett alternativ till textdekoration. Vi kan också använda border-bottom för att tillhandahålla stoppning.
hur man uppgraderar java
Syntax: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Låt oss nu leta efter ett exempel och förstå användningen av textdekorationsegenskapen.
Textdekoration: understruken överlinje
Exempel: -
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:
