float

Posameznemu elementu lahko določimo, kam znotraj elementa, v katerem je vsebovan, naj se postavi.

Plovec je element, ki se nahaja levo ali desno od toka besedila. Zmožnost plovca je, da se samostojno odpelje na levo ali desno stran mreže. Zaradi tega se tudi imenuje ta element plovec.

img.desna { float: right }

Še nekaj

Lasnost clear določa, če nek element dovoli drugim elementom da lebdijo na njegovem robu. Leva vrednost premakne element izpod lebdečega elementa na njegovi levi nosi vrednost z desne premakne element izpod lebdečega elementa na njegovi desni. Druge vrednosti so ničelne.

Lastnost float je lahko uporabljena za vodoravno poravnavo elementa. Lahko je izražena z eno od štirih ključnih besed: left, right, center, none. Privzeta vrednost je none.

Če si ji določi z vrednost left ali right, potem element lebdi, kar pomeni, da bo besedilo lebdelo okoli tega elementa namesto da bi začelo izpod njega. Element, ki lebdi levo, se bo poravnal z levim robom na strani ali levo poravnavo strani, če ta obstaja, in ima tok besedila okoli desne strani.

Če en element lebdi desno, potem bo poravnan z desnim robom strani ali desno poravnavo strani, če ta obstaja, in ima tok besedila okoli leve strani. Nikoli ne določi lebdečemu elementu obrobe, ker bo poravnava besedila izklopljena ali pa bodo nastali čudni rezultati. Želeni rezultat, da ima lebdeči element obrobo, je mogoče doseči tako, da se ga postavi v nek drug element, npr. <p> ali <div> in se mu določi obrobo s slogom tega elementa.

Kadar se nastavi lastnost float na vrednost center ali none, se uporabi samo poravnavo elementa in ne bo lebdeč. Tam ne bo toka besedila okoli strani in besedilo bo vedno izpod tega elementa.

Lastnost clear je uporabljena, da prisili element, ki je soseden lebdečemu elementu, da začne prikazovanje na naslednji liniji izpod lebdečega elementa. Kako deluje je odvisno od dveh: vrednosti lastnosti clear v enem od elementov in vrednost od lastnosti float v drugem sosednjem elementu.

 Gor     e-gradiva     CSS     primeri     display   position

SERŠ Maribor : Strokovna gimnazija : 2004 : Tine Horvat