CSS Podvučen Tekst

U celokupnom veb dizajnu, najprepoznatljiviji stil je i dalje podvučen plavi tekst , koji će vas sigurno odvesti negde. Link element <a> podrazumevano ima taj stil i jedina je boja u podrazumevanom režimu. Dakle, trebali bismo to poštovati.

Iako napolju postoji novi svet, a stare stvari se poboljšavaju kroz najmanje nekoliko faza. Elementi veze više nisu potrebni podvučeni, a linija ispod teksta danas nije samo identifikacija veze. Ovaj brzi kurs uglavnom se odnosi na CSS opciju za podvlačenje teksta i opcije „povezane“.

Prvo prvo - ako vam treba brzo, jednostavno, redovno podvlačenje, za to uvek postoji <u> HTML element . Napraviće se linija u boji teksta na podrazumevanoj poziciji od teksta. U stvari, element <u> jednostavno dodaje ukras teksta: podvlačenje teksta pomoću ugrađenog CSS-a u pregledač.

Ok, kako vam to verovatno nije trebalo, sledeći primeri uključuju CSS rešenja i sigurno rešenje za vaš problem.

Postoje dve glavne opcije za dodavanje reda ispod teksta pomoću CSS-a.
Prva je svojstvo ukrašavanja teksta i ona određuje ukras dodan tekstu. Moguće vrednosti za ovo svojstvo su podvlačenje, nadvlačenje i prolaz . Svojstvo dekoracije teksta trebalo bi da bude skraćenica za tekst-dekoracija-linija, tekst-dekoracija-boja i stil dekoracije teksta, ali ovo još uvek nije dobro podržano. Za sada imamo dekoraciju teksta i pomoću nje možemo dodati liniju ispod, preko ili kroz tekst, pomoću text-decoration-color možemo obojati tu liniju, a stilom dekoracije teksta možemo je učiniti dvostrukom, tačkastom, isprekidana ili talasasta.

Drugo rešenje je vrsta hakovanja i podrazumeva upotrebu border-bottom . Na displeju propertija, u ovom slučaju, mora biti redni . Ovim rešenjem možemo da kontrolišemo položaj linije pomoću svojstva** padding-bottom** , debljine linije sa border-bottom-width , stila sa border-bottom-style i boje sa border-bottom-color . Stil donjeg obruba ima iste opcije kao što je stil dekoracije teksta i neke opcije 3D efekata. Ova opcija nudi više opcija i promenljivih, ali je složenije za upotrebu.

Još uvek je nemoguće napraviti tačkasta talasasta podvlaka. Čeka se :(