CSS szövegdekorációs tulajdonság: -
Az aláhúzások a fontos szövegek kiemelésére használhatók. Az U elem és a CSS szövegdekorációs tulajdonság a két leggyakrabban használt technika a weboldalak szövegének aláhúzására.
Mindkettőt egyszerű használni, de az U elem szemantikai értéket kínál a jelentésnek. Igény szerint egy másik is megjeleníthető, így egyszerűen módosítható az aláhúzás állapota CSS-osztályok egyszerű hozzáadásával a szöveghez.
Vita tárgya, hogy az aláhúzások hasznosak-e a jelentés vagy a hozzáférhetőség kifejezésére. Az aláhúzások természetes megközelítést jelentenek a nagyobb felhasználói élmény érdekében, amikor a szín önmagában nem elegendő a jelentés kifejezéséhez.
A text-decoration attribútum alternatív módot kínál a szöveg aláhúzására. A hiperhivatkozással ellátott szöveg az aláhúzások felülhúzásra való helyettesítésére is használható.
Az áthúzás az aláhúzás ellentéte. A szöveg tetejére sor kerül.
Az összes aláhúzott és felülhúzott értéket felhasználhatjuk ugyanahhoz az osztálydefinícióhoz. A text-decoration tulajdonság többféleképpen szabályozza a szöveg megjelenítését. Ha a szövegdíszítés aláhúzásra van állítva, az összetevőn belüli szöveg aláhúzásra kerül.
A szövegdíszítési CSS-tulajdonságok fantasztikusak a szöveghez, de a tervezés szempontjából korlátozottak lehetnek, és nem alkalmazhatók nem szöveges tartalomtípusokra. Aláhúzások is létrehozhatók CSS-szegély attribútumokkal.
linux gazdagép
A text-decoration attribútum a szöveg aláhúzásának legalapvetőbb módja. A szövegdíszítés legjelentősebb hátránya, hogy nem konfigurálható.
A szövegdekoráció tulajdonság aláhúzást, áthúzást, áthúzást vagy sorok kombinációját használja a kijelölt szöveg kiemelésére.
A tartalom aláhúzásra kerül a text-decoration-line attribútummal. Áthúzás, aláhúzás és áthúzás az attribútum három lehetősége. A CSS-ben az aláhúzás attribútuma a szöveg kiemelésére szolgál. Az aláhúzás a soron belüli szöveg alá kerül ezzel az értékkel.
A leszármazott szövegelemek között szövegdíszítések rajzolódnak ki. Ez azt jelenti, hogy amikor egy elem szövegdekorációt határoz meg, a díszítést nem távolíthatja el gyermekelem.
karakterlánc összefűzése
Nincs vonal, és a meglévő dekorációk törlődnek.
Aláhúzás: egy 1 képpont méretű vonalat húzunk a szöveg alapvonalán.
Átmeneti vonal: a szöveg „középső” pontjában beszúr egy 1 képpont méretű sort.
Overline: hozzáad egy 1 képpontos sort közvetlenül a szöveg „felső” pontja fölé a szövegben.
Örököl: örökli a szülő dekorációját.
A szövegdíszítés a text-decoration tulajdonságon keresztül adható meg, amely a következő rövidítési jellemzője:
inkscape vs gimp
- text-decoration-line (kötelező)
- szöveg-dísz-szín
- szöveg-dísz-stílus
- szöveg-dísz-vastagság
áthúzás, aláhúzás, aláhúzás-fölhúzás, áthúzás szöveg-dekoráció-sor alá kerül.
A tömör, pontozott, szaggatott, hullámos, dupla szöveg-dekorációs stílus alá tartozik.
A szín decimális értékben, hexadecimális értékben vagy öröklődik a szöveg-dekoráció-szín alatt.
A border-bottom tulajdonság a szövegdíszítés alternatívája. A szegély-alsót is használhatjuk a párnázáshoz.
Szintaxis: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Nézzünk most egy példát, és értsük meg a szövegdekorációs tulajdonság használatát.
Szövegdekoráció: aláhúzás áthúzás
Példa: -
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> Kimenet:
