CSS: Nadpisano <sup> in podpisano <sub> besedilo

CSS znački <sup> in <sub> uporabljamo za  nadpisano oz. podpisano besedilo. Uporaba omenjenih znač pa ob standardni uporabi pri večji količini besedila “uniči” razmike med vrsticami. V izogib omenjeni težavi pa je potrebno osnovno nastavitev CSS značk <sup> in <sub> nadgraditi.

Preberi

Končaj besedilo s tremi pikami – CSS text-overflow: ellipsis

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

Word-wrap: Prelom besedila s pomočjo CSS-ja

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

CSS: Zrcaljenje in rotacija slike

S pomočjo CSSja lahko slike tudi zrcalimo oziroma rotiramo(vrtimo). Uporabno predvsem v primerih, ko lahko eno grafiko uporabimo v različnih primerih, npr. puščica, ki ponazarja smer levo in ob zrcaljenju desno.

Preberi