Svojstvo float služi promjeni načina na koji su tekst (ili slika) prikazani. Kada mu dodijelimo vrijednost left ili right tekst (ili slika) će biti prikazani uz lijevi odnosno desni rub roditeljskog elementa.
CDN pohrana slika i videa.
Pretvorba formata slika: webp...
Vrhunsko AI povećanje slika!
25Gb podataka.
Zašto ne sada?
Svojstva CSS podjele se ne nasljeđuju s roditeljskih elemenata na elemente potomke.
Svojstvo float služi promjeni načina na koji su tekst (ili slike) prikazani. Kada dodijelimo svojstvu vrijednost left ili right tekst (odnosno slika) će biti prikazani uz lijevi odnosno desni rub roditeljskog elementa. Kada mu dodijelimo vrijednost none, ne će biti promjene u prikazu teksta ili slike.
Primjer:
float: vrijednost;Vrijednost može biti:
left
right
none
Svojstvo clear omogućava nadzor nad elementima na koja je postavljeno svojstvo float. Pomoću css svojstva clear poništavamo djelovanje css svojstva float.
Primjer:
clear: vrijednost;Vrijednost može biti:
none
both
left
right
Vrijednost svojstva none ne poništava djelovanje svojstva float. Vrijednosti left i right poništavaju djelovanje samo jednog dodijeljenog svojstva (float: left; odnosno float: right;)
Vrijednost svojstva both poništava djelovanje oba dodjeljena svojstva (float: left; i float: right;)
Svojstvo display služi promjeni načina prikaza elementa na zaslonu.
U html-u razlikujemo blok i linijske elemente. Nakon blok elemenata web preglednik automatski prelazi u novi red. Pri prikazu linijskih (inline) elemenata web preglednik ostaje u istom redu (ako ima dovoljno mjesta, ako nema prelazi u novi red).
Primjer html blok elemenata su <p>, <h1>...<h6>, <table>,... Neki od linijskih (inline) elemenata su <a>, <img>, <em>...
Kada želimo promijeniti unaprijed određen način prikaza blok ili linijskog elementa koristimo svojstvo display.
Primjer:
display: vrijednost;Vrijednost može biti:
block
inline
list-item
none
Postavljanjem vrijednosti block, element postaje blok element (bez obzira je li prije bio linijski element). Pomoću vrijednosti inline, element postaje linijski (engl. inline) element. Pomoću vrijednosti svojstva list-item element se ponaša kao stavka numeričkog ili simboličkog popisa (dodaje se novi redak prije elementa i poslije elementa).
Dodjeljivanje vrijednost svojstva none element ne će biti prikazan na web stranici.
Svojstvo overflow služi određivanju ponašanja sadržaja html elementa koji prelazi izvan zadanih granica. Kada sadržaj html elementa prelazi granice širine ili visine, pomoću css svojstva overflow određujemo što će se dogoditi sa sadržajem izvan područja elementa.
Primjer:
overflow: vrijednost;Vrijednost može biti:
auto
hidden
visible
scroll
Dodjeljivanjem css svojstvu overflow vrijednost hidden, sadržaj elementa koji prelazi zadane granice elementa će biti nevidljiv. Za vrijednost svojstva visible sadržaj elementa koji prelazi zadane granice ostat će potpuno vidljiv. Dodijelimo li mu vrijednost scroll pojavit će se vodoravna i okomita klizna traka.
Svojstvo visibility služi određivanju hoće li element biti prikazan na web stranici.
Primjer:
visibility: vrijednost;Vrijednost može biti:
hidden
visible
Svojstvo z-index određuje redoslijeda pozicioniranja elemenata u sloju.
Primjer:
z-index: vrijednost;Vrijednost može biti:
auto
broj
Veći dodijeljeni broj z-index svojstvu znači viši položaj unutar sloja. Dopušteni su i negativni brojevi.
Svojstvom cursor određujemo izgled pokazivača miša koji će se koristiti unutar elementa.
Primjer:
cursor: vrijednost;Vrijednost može biti:
auto
crosshair
default
help
move
pointer
text
url
wait
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
Kada odaberemo sliku koja se zamjenjuje pokazivač miša (korištenjem vrijednosti svojstva url), uvijek je dobra deklarirati i neku od zadanih vrijednosti.
cursor: url('slika.cur'), default;