Vetia clear
Vetia clear anulon
rrethimin e një elementi nga të tjerët,
të caktuar nga vetia float.
Mund të marrë vlerat e mëposhtme:
none (anulon veprimin e vetvetes),
both (anulon float njëkohësisht djathtas dhe majtas),
left (anulon float majtas), right (anulon
float djathtas).
Sintaksa
përzgjedhësi {
clear: none ose left ose right ose both
}
Shembull
Le të anulojmë rrethimin e figurës nga teksti nga ana e majtë:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: left;
padding-right: 10px;
}
.txt {
clear: left;
}
:
Shembull
Tani le të anulojmë rrethimin e figurës nga teksti nga ana e djathtë:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: right;
}
:
Shembull
Le të anulojmë veprimin e vetë
vetisë clear:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: none;
}
:
Shihni gjithashtu
-
vetia
bottom,
e cila përcakton pozicionin e skajit të poshtëm të elementit -
vetia
top,
e cila përcakton pozicionin e skajit të sipërm të elementit -
vetia
left,
e cila përcakton pozicionin e skajit të majtë të elementit -
vetia
right,
e cila përcakton pozicionin e skajit të djathtë të elementit -
pseudoelementi
::backdrop,
i cili përcakton vendosjen pas elementit të parë -
vetia
caption-side,
e cila përcakton pozicionin e titullit të tabelës
