Pozicionálás - Eltávolítás (clear) tulajdonság
A tulajdonság oldalra úsztatja a képet (vagy más objektumot) a rendelkezésre álló helyen belül. A következő példa két képet és a kettő között egy rövid szöveget tartalmaz. Ha 800 pixelnél szélesebb megjelenítő ablakban nézed ezt az oldalt, akkor azt látod, hogy a tulipán felúszott a rózsa mellé. A rövid szöveg nem töltötte ki a rózsa melletti területet, ezért ott is rendelkezésre állt a következő kép számára elegendő szélességű hely.
Ez egy rövid szöveg.
Ha keskenyebb felületen jeleníted meg ezt a weboldalt (például úgy, hogy a böngésződ ablakát nem teljes képernyős módra állítva zsugorítod) akkor a tulipán a rózsa alá kerül.
Ha nem akarjuk, hogy a két kép egymás mellé kerülhessen, akkor a tulajdonság segítségével lehet eltávolítani a tulipánt a rózsa mellől:
<img src="rose.jpg" width="230" height="189"
style="float:
right" alt="Rózsa" title="Rózsa">
<p style=”color: #888888”>Ez egy rövid szöveg.</p>
<img src="tulip.jpg" width="230" height="310"
style="float: right; clear: right"
alt="Tulipán" title="Tulipán">
<p>Így már mindkét kép...
Ez egy rövid szöveg.
Így már mindkét kép a jobb oldalra kerül – függetlenül a megjelenítő ablak szélességétől. A tulajdonság azt adja meg, hogy a kép (vagy más blokk szintű doboz) melyik oldala nem kerülhet egy korábbi úsztatott elem mellé. Tehát a példában a tulipán jobbra van úsztatva, de a jobb oldala nem kerülhet az előző úsztatott kép mellé, ezért a böngésző csak a rózsa alatt jelenítheti meg.
A tulajdonság lehetséges értékei:
- : Az elemdoboz bal oldala nem kerülhet egy korábbi úsztatott elem mellé.
- : Az elemdoboz jobb oldala nem kerülhet egy korábbi úsztatott elem mellé.
- : Az elemdoboz egyik oldala sem kerülhet egy korábbi úsztatott elem mellé.
- : Az elemdoboz nincs eltávolítva a korábbi úsztatott elemek mellől.
- : érték a szülő elemtől örökölve.
Automatikus öröklődés: Nincs