Clear xassasi
clear xassesi bir elementin digerleri terefinden
float xassesi ile teyin edilen
wrapping-i legv edir.
Asagidaki qiymetleri ala biler:
none (oz hereketini legv edir),
both (float-i eyni zamanda sagdan ve soldan legv edir),
left (soldan float-i legv edir), right (sagdan
float-i legv edir).
Sintaksis
selektor {
clear: none ve ya left ve ya right ve ya both
}
Numune
Gelin soldan seklin metnle qursanmasini legv edek:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
metn metn metn metn metn metn
metn metn metn metn metn metn
metn metn metn metn metn metn
metn metn metn metn metn metn
</p>
</div>
.image {
float: left;
padding-right: 10px;
}
.txt {
clear: left;
}
:
Numune
Indi ise sagdan seklin metnle qursanmasini legv edek:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
metn metn metn metn metn metn
metn metn metn metn metn metn
metn metn metn metn metn metn
metn metn metn metn metn metn
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: right;
}
:
Numune
Gelin clear xassesinin oz hereketini
legv edek:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
metn metn metn metn metn metn
metn metn metn metn metn metn
metn metn metn metn metn metn
metn metn metn metn metn metn
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: none;
}
:
Hemcinin bax
-
bottomxassesi,
elementin alt kenarinin movqeyini teyin edir -
topxassesi,
elementin ust kenarinin movqeyini teyin edir -
leftxassesi,
elementin sol kenarinin movqeyini teyin edir -
rightxassesi,
elementin sag kenarinin movqeyini teyin edir -
::backdroppsevdoelementi,
birinci elementden sonra yerlesdirmeni teyin edir -
caption-sidexassesi,
cedvelin basliginin movqeyini teyin edir