Prona e qartë CSS ka qenë pjesë e CSS që nga CSS1. Kjo ju lejon të specifikoni se cilat elemente mund të notojnë pranë elementit të pastruar dhe në cilën anë. Prona e pastër ka pesë vlera të mundshme:
- asnje
- majtas
- e drejtë
- të dy
- trashëgoj
Si të përdorni Pronën e qartë të CSS
Mënyra më e zakonshme për të përdorur pronën e qartë është pasi të keni përdorur një pronë të notuar në një element. Për shembull:
Tekst pranë imazhit tim.
Tekst që është nën imazhin tim.
Të gjitha elementet parazgjedhur për t'u pastruar: asnjë; , kështu që nëse nuk dëshironi që elementët e tjerë të notojnë pranë diçkaje, ju duhet të ndryshoni stilin e qartë.
Kur jeni duke pastruar gjithandej, ju përputheni me të qarta tuaj në noton tuaj. Pra, nëse e keni lundruar elementin në të majtë, atëherë duhet të qartësoni në të majtë. Elementi juaj lundrues do të vazhdojë të notojë, por elementi i pastruar dhe gjithçka pas saj do të shfaqen nën atë në faqen e internetit.
Nëse keni elemente që fluturojnë në të djathtë dhe në të majtë, mund të pastroni vetëm një anë ose mund të pastroni të dyja.
Përdorimi i qartë në Layouts
Mënyra më e zakonshme që shumica e projektuesve përdorin pronën e qartë është në paraqitjen e elementeve të faqes . Mund të keni një imazh që fluturon brenda një blloku teksti dhe doni që paragrafi tjetër të fillojë nën imazhin ose të keni një kolonë të tërë teksti që dëshironi të notoni pranë një grupi tjetër tekstesh, me një tekst që shfaqet më poshtë.
Këtu është HTML për një paraqitje në këtë formë.
Ajo ka një enë të madhe që mban një tjetër që lëviz në të majtë.
Një div i shkurtër i lundrueshëm
Përmbajtja brenda div divan që do të jetë në të djathtë të div divated.
Kjo do të funksionojë mirë, me divin më të shkurtër lundrues në të majtë të pjesës tjetër të përmbajtjes së divit kryesor.
Ju mund ta pastroni tekstin pranë kutisë së notuar thjesht duke shtuar një etiketë ku dëshironi që ajo të fillojë të shkruajë nën kutinë e lundrueshme.
Por problemi vjen kur kuti lundrues është më i gjatë se përmbajtja pranë tij. Pastaj, siç mund ta shihni, ngjyra e sfondit të kutisë kryesore nuk bartet në fund të kutisë së lundrueshme.
Për fat të mirë, ka një mënyrë të lehtë për të rregulluar këtë: pronën. Duke vendosur kutinë kryesore për të tejkaluar: auto; ngjyra e sfondit do të mbetet pranë kutisë më të lundrueshme deri në fund, siç tregohet në këtë shembull .