| Kategorije: CSS | Komentarji (0)
CSS: Obrnjeno in zrcaljeno besedilo
Za obrnjeno in zrcaljeno besedilo ne potrebujemo jQuery ali JavaScript vtičnikov, ampak lahko to dosežemo z uporabo CSS značk.
Za obrnjeno in zrcaljeno besedilo ne potrebujemo jQuery ali JavaScript vtičnikov, ampak lahko to dosežemo z uporabo CSS značk.
Na spletnih mestih velikokrat srečamo povezavo "Na vrh" oz. angleško "Back to top". Logika povezave je precej preprosta, uporabnika popelje na vrh strani, kar je v primeru dolgih vsebin precej uporabno.
Predolgo besedilo v premajhnem polju je pojav, ki ga redno srečujemo na spletnih straneh. Najlažja in očitna rešitev je uporaba CSS značke overflow:hidden s katero odvečno besedilo enostavno odrežemo. Problem, ki tu nastane je nenaravni rez besedila, ki nam ni v ponos. Elegantnejša rešitev je uporaba CSS značke text-overflow: ellipsis, ki besedilo odreže in na koncu doda tri pike - "...".
Preberi do konca - Končaj besedilo s tremi pikami – CSS text-overflow: ellipsis
CSS značka "Word-wrap" prisili besedilo v prelom. V praksi to pomeni, da se besedilo, ki je zelo dolgo prelomi v novo vrsto.
Ta pojav zasledimo v primerih, ko je polje, kjer je besedilo ožje od dolžine besedila, npr. dolge povezave. Primer tega pojava in uporaba značke "word-wrap: break-word;" je prikazana na spodnji sliki.
Preberi do konca - Word-wrap: Prelom besedila s pomočjo CSS-ja
CSS značka »box-sizing« nadzoruje, kako se polja privzetega CSS modela obnašajo na strani glede na postavitev. Povedano drugače, vpliva na širino in višino elementov in kako se slednji prikazujejo na sami strani.