Jasno CSS svojstvo je dio CSS-a od CSS1. Omogućuje vam da odredite koji elementi mogu plutati pokraj obrisanog elementa i na kojoj strani (e). Jasna imovina ima pet mogućih vrijednosti:
- nijedan
- lijevo
- pravo
- oba
- nasljediti
Kako koristiti CSS brišite svojstvo
Najčešći način korištenja jasnog svojstva je nakon korištenja nekretnine plutajućeg elementa na elementu. Na primjer:
Tekst pored moje slike.
Tekst koji je ispod moje slike.
Svi su elementi zadani za brisanje: none; , pa ako ne želite da drugi elementi plivaju pokraj nešto, morate promijeniti jasan stil.
Kada očistite plovake, podudara se s vašim plovkom. Dakle, ako ste lebdjeli element lijevo, onda biste trebali odzračiti lijevo. Vaš plutajući element nastavit će plutati, ali element koji je izbrisan i sve nakon njega pojavit će se ispod njega na web stranici.
Ako imate elemente koji se pomiču na desnu i lijevu stranu, možete izbrisati samo jednu stranu ili možete izbrisati oboje.
Korištenje jasno u izgledima
Najčešći način na koji većina dizajnera koristi jasno svojstvo je u izgledu elemenata stranice . Možda imate sliku koja pluta unutar bloka teksta i želite da se sljedeći odlomak započne ispod slike ili možda imate cijeli stupac teksta koji želite plutati pored druge hrpe teksta, a neki se tekst pojavljuje u nastavku.
Ovdje je HTML za izgled u ovom obrascu.
Ima jedan div kontejner koji drži još jedan koji je lebdio lijevo.
Kratak lebdeći div
Sadržaj unutar div posude koji će biti desno od plutajućeg div.
Ovo će raditi dobro, s kraćim divom koji pluta lijevo od ostatka sadržaja glavnog div.
Možete obrisati tekst pokraj plutajućeg okvira jednostavnim dodavanjem oznake na mjestu na kojem želite započeti pisati ispod plutajućeg okvira.
No problem dolazi kada je plutajuća kutija duža od sadržaja pokraj njega. Zatim, kao što vidite, boja pozadine glavnog okvira ne prenosi se na dno plutajuće kutije.
Srećom, postoji jednostavan način da to popravimo: imovinu. Postavljanjem glavnog okvira na preljev: auto; boja pozadine ostat će pored duljeg plutajućeg okvira do samog dna, kao što je prikazano u ovom primjeru .