logo

Kako podcrtati tekst u CSS-u?

CSS svojstvo ukrašavanja teksta: -

Podcrtano se može koristiti za isticanje važnog teksta. U element i svojstvo CSS text-decoration dvije su najčešće korištene tehnike za podcrtavanje teksta na web stranicama.

Oba su jednostavna za korištenje, ali element U nudi semantičku vrijednost značenju. Drugi se može prikazati na zahtjev, što olakšava promjenu stanja podcrtavanja jednostavnim dodavanjem CSS klasa u tekst.

Jesu li podcrtane korisne za izražavanje značenja ili dostupnosti pitanje je rasprave. Podcrtano je prirodan pristup koji nudi veću vrijednost korisničkog iskustva kada sama boja nije dovoljna za izražavanje značenja.

Atribut text-decoration nudi alternativni način za podcrtavanje teksta. Tekst s hipervezom također se može koristiti za zamjenu podcrtanih linijama.

Nadcrtavanje je suprotno od podcrtavanja. Redak se dodaje na vrh teksta.

Možemo upotrijebiti sve podcrtane i prekocrtane vrijednosti za istu definiciju klase. Svojstvo text-decoration upravlja načinom na koji se tekst prikazuje na nekoliko načina. Kada je text-decoration postavljen na podcrtavanje, tekst unutar komponente je podcrtan.

Svojstva dekoracije teksta CSS su fantastična za tekst, ali mogu biti ograničena u smislu dizajna i nisu primjenjiva na vrste sadržaja koji nisu tekstualni. Podcrtano se također može stvoriti s CSS atributima obruba.

groovy računalni jezik

Atribut text-decoration je najosnovniji način za podcrtavanje teksta. Najznačajniji nedostatak ukrašavanja teksta je to što ga nije moguće konfigurirati.

Svojstvo ukrašavanja teksta koristi podcrtavanje, preklapanje, provlačenje ili kombinaciju linija za isticanje odabranog teksta.

Sadržaj je podcrtan pomoću atributa text-decoration-line. Nadcrtano, podcrtano i kroz liniju tri su opcije za ovaj atribut. U CSS-u, atribut podcrtano koristi se za označavanje teksta. Podcrtano je ispod umetnutog teksta s ovom vrijednošću.

Preko tekstualnih elemenata potomaka iscrtavaju se tekstualni ukrasi. To implicira da kada element definira tekstualni ukras, ukras ne može ukloniti podređeni element.

funkcija java podniza

Nema crta, a svi postojeći ukrasi su izbrisani.

Naglasiti: linija od 1px povučena je preko osnovne linije teksta.

Prolazno: na 'srednjoj' točki teksta umeće crtu od 1px preko njega.

Overline: dodaje liniju od 1 px izravno iznad 'gornje' točke teksta preko teksta.

Naslijediti: nasljeđuje roditeljsko odlikovanje.

Dekoracija teksta specificirana je kroz svojstvo text-decoration, što je skraćena karakteristika za:

  • text-decoration-line (obavezno)
  • tekst-ukras-boja
  • text-decoration-style
  • tekst-ukras-debljina

overline, underline, underline-overline, line-through dolazi pod text-decoration-line.

javascript prozor.otvori

Jednobojni, točkasti, isprekidani, valoviti, dvostruki spadaju u text-decoration-style.

Boja u decimalnoj vrijednosti, heksadecimalnoj vrijednosti ili nasljeđivanju dolazi pod text-decoration-color.

Svojstvo border-bottom alternativa je ukrašavanju teksta. Također možemo koristiti border-bottom da osiguramo ispunu.

Sintaksa: -

 text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness 

Potražimo sada primjer i shvatimo upotrebu svojstva ukrašavanja teksta.

Tekst-ukras: podcrtano nadcrtano

Primjer: -

 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> 

Izlaz:

Kako podcrtati tekst u CSS-u?